/*Pour afficher les favoris en grid*/
.list-container.grille-products div.product-btn
{
	/*margin-top: -58px;*/
	display: block!important;
	/*min-height: 60px;*/
	position: absolute;
    top: -26px;
    left: 10px;
}

.list-container.grille-products div.product-btn span:nth-child(2)
{
	display:none;
}

main.main { min-height:1000px;}

/* mes coordonnées : couleur */
.contact-details input:disabled, .contact-details textarea:disabled { color:var(--primarydod); }

/* modal dialog*/
.modal-dialog {margin-top:10%;}

/*bloc header */
.secondHeader .btn-agency .user { display:none;}

/* home */
@media (min-width: 1025px) {
#smallPromos { max-height: 113px; overflow:hidden;}
}

/* image fiche produit */
.container-slide-img a { max-width:100%; display:inline-block; }
.container-slide-img img.cms-grandeimage { max-width:100%; }

/* header nom agence */
.btn-agency .agency-name, .btn-agency span { line-height: 16px; }

/* unité fiche produit */
.product-full-page span.chiffrecond {
    cursor: pointer;
}

/* filtre sur cadencier */

@media (min-width: 1025px) {
		#filtresCadencier .btn-collapse-filters { display: block; }
		.content-list  #filtresCadencier .container-product-filters { display: block; }
}	

/*Recherche par commentaire ligne*/
.search-order-form input.inputTitre
{	
    display: none;
}

/* panier - pensez aussi à */
.panierPensezAussi .container-paging, .panierPensezAussi .aucun {display:none; }
/* liste*/
.container-switch-visual-product {
    width: calc(70% - 120px);
}

.container-sort-product {    width: 41%; }

@media (max-width: 1023px) {
		.container-sort-product {width: 26%;}
}
@media (min-width: 1201px) {
		.container-sort-product {width: 29%;}
}
.container-perpage { width:115px;}

@media (max-width: 767px) {
		.container-switch-visual-product {
		    width: calc(60% - 150px);
		}
		.container-sort-product {
		    width: 30%;
		}
		.container-perpage {
		    width: 30%;
		}
		.container-sort-product .select-container {
			width: 103%; /*120px;*/
		}
}

@media (max-width: 400px) {		
		.container-perpage {
		    width: 37%;
		}
		.container-switch-visual-product {
		    width: calc(60% - 115px);
		}
}

@media (max-width: 360px) {
		
		.container-switch-visual-product {
		    width: calc(60% - 100px);
		}
}

/* docutheque */
.tree a.active span {color:var(--primarydod); }
.select-container select.select-reason { cursor:pointer; }
.container-product.band .cms-liendoc  .ct-img img  { max-height:90%; }
@media (min-width: 1600px) { 
		.list-container .band-product.cms-container-chapitre  {  width: calc(20% - 10px); } 
}
.search-ged .form-search-product .search-box:before { width:0;}
.document-search.search-product.fast .search-box { width: calc(100% - 20px); }
@media (max-width: 767px) { 
		#breadcrumbGed .breadcrumb ul li span { width:auto; }
		#breadcrumbGed  .breadcrumb ul li { width:auto ;}
		#breadcrumbGed .breadcrumb ul li .icon-home-green { width:17px; }		
		.document-search.search-product.fast.search-ged .form-search-product { width:100%; }
}
.cms-modalPhotos #lienImage { display:inline-block; margin:10px 0 0 0; font-weight:bold;}
.cms-modalPhotos  .modal-body {text-align:center; }
.navGed .container-paging {border-bottom:0px solid white; }

/* unité de vente */
.table-basket .unitePrice, .product-info .ct-price-info .unitePrice  { margin-left:10px;display:inline-block;}
.product-list-table.table-basket .pu .unitePrice , .table-basket .unitePrice p, .product-info .ct-price-info .unitePrice p {
    font-size: 16px;
    color: #1a3046;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-weight: bold;
	margin-right:4px;    
}
.product-list-table.table-basket .pu .unitePrice, .product-list-table.table-basket .pu .unitePrice p { font-weight:normal; font-size:14px; }
/* qte surfiche produit */
 .product-deccription-container .cms-input-qte { width:calc(100% - 10px);} 
 
 /* horloge sur carte gmap */
.icon-clock-sticker {
  background: url(cmsimg/icone-horloge-vignette.svg) center center/17px 17px no-repeat;
   width: 28px;
  height: 17px;
  }
/* liste produit à la une */
.productsHP p.stock, .productsHP p.no-stock, .productsHP p.contremarque { display: block; position: absolute; top: -7px; right: -7px; margin:0;}
.productsHP .price-container { position:relative; }
.productsHP .ct-img img { width: auto; max-width: none; position: absolute; top: 50%; left: 50%;max-height: 100%;height: auto; -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
.productsHP .ct-img { margin-bottom: 0; height: 180px; background: #fff; position: relative; overflow: hidden; }

/* contact agence sur liste */
.content-list .contactAgence { text-align:center; font-weight:bold; }

/* Panier */
.dispos span {
		font-weight:bold;
		background: #eeeeee;
		background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
		background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
		background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
		padding: 5px;
    display: inline-block;
    border-radius: 1px;
    border: 1px solid #cccccc;
	    color: #dc0404;
	}

.table-basket .ct-text-table { min-height:95px;}

/* #162*/
.wrapperTxtPanierAvecProduitOpe {     
	display: block; 
	padding:10px; 
	margin:10px 10px 10px 10px;
    background: #fd6936;
    color: #fff;
    font-family: 'calibri', sans-serif;
    /*font-weight: bold;*/
    text-align:center;
    font-size: 14px;
    clear:both;
 }

/* Panier franco port */
.infoFranco {
		background:#f0f0f0;
		margin:10px 0 00px 0;
}
 .shipping .infoFranco > .mention  {
		font-weight:normal;
		padding:15px 15px 0 15px;
		display:block;
}
 .shipping .infoFranco > .mention2  {
		font-weight:normal;
		display:block;
		padding:15px 15px 15px 15px;		
}
 .shipping .infoFranco  label .mandatoryport {
		font-weight:bold ;
		color:red;
}

@media  (max-width : 768px) {
		.yui-skin-sam {display:none;}
		}

/* resultats de liste */
.noresult {margin:0 0 10px 0; }
.noresult span { font-weight:bold; }
.noresult span:after { content:"Cette rubrique ne contient aucun produit."; }
.panierPensezAussi .noresult span:after { content:""; }
.resultsSearch .noresult span:after { content:"Votre recherche n'a retourn\00E9  aucun r\00E9 sultat."; }

/* Promo / déstock */
.store-shelves li a.btn-discount , .store-shelves li a.btn-clearance {height:70px; line-height:68px; color:#ffb9a0;}
.store-shelves li a.btn-discount span , .store-shelves li a.btn-clearance span { color:white; }
.store-shelves li a.btn-discount:after , .store-shelves li a.btn-clearance:after {background:white; height:0;}

.store-shelves li a {cursor:pointer;}

/* base àteinter */
#base-teinter input[type=radio] {  -webkit-appearance: radio;
  -moz-appearance: radio;
  border-radius: 0;}
 #base-teinter th {color: #5AB13B; font-weight:bold;}
 #base-teinter td {
    border: none;
    border-top: 1px solid #DDD;
}
#base-teinter table {border-collapse: collapse; }
#base-teinter sup { vertical-align: super;     font-size: smaller; }

#base-teinter .baseATeinter { 
padding:20px; 
background:#f3f3f3;
-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
border-radius:3px;
 }
#base-teinter .baseT_1 { text-align:center;}
#base-teinter .baseT_1 img { width:90%; max-width:150px; }

@media (max-width: 766px) {
	#base-teinter .baseT_1 img { max-width:70px; position:absolute;right:0;}	
}

/* produits similaires*/
@media (min-width: 1025px) {
.similar-products .slider-gab-products-sibling .container-product.band {   min-height: 230px; }
}

/* page avec ss menu */
.page_menu { min-height:700px;}

/* panier : zone de réduction */
.zoneReduc .direct-add::after { width:0; background-color:white;}

/* panier : commentaire */
.table-basket textarea { resize:auto; }


/*Commentaire sur panier*/
.comment textarea
{
    color: #808080;
	border: none;
    background-color: #f0f0f0;
	float:left;
	padding: 1px;	
    width:calc(100% - 30px);
}
.comment input
{
	color: white;		
    background: var(--primarydod);
	border: none;
	cursor: pointer;
}


/*Import de commande*/
#blocImportCde
{
		margin-bottom: 20px;
}
#blocImportCde .form input 
{
		background-color:rgba(0, 0, 0, 0);
		line-height:normal;
		margin-top: 15px;
}
#blocImportCde .form 
{
		display: block;
}
/*
#blocImportCde a.btn
{
    margin-top: 30px;
    display: inline-block;
    width: auto;
    padding: 0px 20px;
	color: #242b32;
    background: #f0f0f0;
	border-radius: 45px;
	font-size: 14px;
    height: 45px;	
    font-family: 'Poppins_SemiBold', sans-serif;
	    line-height: 45px;
 }
 */
 .table-importCde thead.thead 
 {
    background: #133455;
    color: white;
}
.table-importCde tr
{
    height: 40px;
}
.table-importCde th
{
    padding: 0px 10px;
    vertical-align: middle;
}
.table-importCde td {
    padding: 5px;
}

/* sous menus dans pages mon compte */
.menus .assess { display:inline-block; margin-right:4px; font-size:14px;}

/* feedback header */
#fbConnectHeader div { display:inline-block; padding:0; margin:0; font-size:12px;}
#fbConnectHeader .alert { padding:0 5px 0 5px; margin:0 9px 0 0; position: absolute; left: -24px; width: 191px; bottom: 0px; }
#fbConnectHeader {position:relative; }

/*Infos de fin de commande*/
.bloc-infofincde
{
	float: right;
    width: 75%;
}
/*Adresses*/
.adresse-container
{
		height: 180px;		
		text-align: center;		
		/*width: calc(50% - 10px);*/
		/*margin:5px;*/
		/*display:inline-block;
		float:left;*/
}
.adresse-container .change {
    font-size: 14px;
    font-weight: bold;
    color: var(--primarydod);
    display: block;
    text-decoration: underline;
}
.ref-cmde label
{
    color: #1a3046;
    font-size: 18px;
    font-family: 'Poppins_Bold', sans-serif;
	display: inline-block;
    vertical-align: middle;
	margin-bottom: 15px;
	margin-top: 40px;
}
.ref-cmde input {
    border: 0;
    padding-left: 14px;
    background: #f0f0f0;
    height: 48px;
    display: block;
}

div.spe-blocdetailadr
{
	margin-top: 30px;
	background-color: rgba(0,0,0,0.08);
	padding: 15px;
	text-align: center;
}
.spe-formchxadr
{
    text-align: center;
}
.spe-listeadr input {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  border-radius: 0;
}

/*Jours de livraison*/
.livraison-list
{
    /*margin-bottom: 84px;*/
    /*padding-right: 100px;*/
}
.livraison-list .thead td{
    /*padding: 0px 10px;*/
}
.livraison-list .tbody tr {
	padding: 0px 10px;
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    color: #1a3046;
}
.livraison-list .dod { color:var(--primarydod);}
.livraison-list td { padding:0 10px 0 10px; }

.livraison-list .thead tr {    
    height: 65px;
}

/*Validation livraison*/
.validation-shipping
{
		margin-top: 20px;
		text-align: center;
}
@media screen and (max-width: 766px) {
		.validation-shipping div { margin-top:2px; }
}
input.btn-validation-shipping
{
		display: inline-block;
		color: white;
		font-family: 'Poppins_Bold', sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		border:none;
		cursor: pointer;
}
.shipping-confirmation .yui-skin-sam
{
		top: -5px;
}
.btn-aujourdui
{
	font-size: 14px;
    font-weight: bold;
    color: var(--primarydod);
    display: block;
    text-decoration: underline;
	margin-top: 10px;
}

/*Transporteur*/
.transporteur input[type='radio'] 
{
  -webkit-appearance: radio;
  -moz-appearance: radio;  
}
.livraison-list.transporteur
{
    margin-bottom: 20px;
}

.connected .col-md-3  .ct-price-info .price-container {margin-bottom:0;}
.connected .list-container .ct-price-info .price-container { min-height:57px; padding: 10px 19px 5px 19px; }

/* Hauteur blocs liste */
/*.list-container .band-product .row {min-height:557px;}*/

.container-select-box .select-list.with-sticky-btn > ul {margin-bottom:0;}
.container-product.band .ct-img img {max-height:100%;height:auto; max-width:100%;}
.container-select-box .select-list.with-sticky-btn > a {position:static;}

@media screen and (max-width: 1600px) {
		.mescontacts {
			max-width: 850px;
		    display: block;
		    max-height: 40px;
		    overflow: hidden;
		    float: left;
		}
}

@media screen and (max-width: 1400px) {
		.mescontacts {
			max-width: 740px;
		    display: block;
		    max-height: 40px;
		    overflow: hidden;
		    float: left;
		}
}

@media screen and (max-width: 1200px) {
		.mescontacts {
			max-width: 500px;
		    display: block;
		    max-height: 40px;
		    overflow: hidden;
		    float: left;
		}
}

.cms-niveauActuel
{
		text-decoration:underline;
}
/*Carte*/
.content-list-address li .ct-name { width: calc(100% - 230px); }
.content-list-address li .schedule { width:190px; }

.wraper-liste-agence .item-agence.active {opacity:1; }
.wraper-liste-agence .item-agence {opacity:0.6; cursor:pointer; }
.page-agence .wraper-addcartref {
    padding-left: 30px;
	    margin: 0 20px 20px 20px;
}
.ou {
    width: 100px;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #004b8c;
    font-weight: 300;
    line-height: 43px;
}
.page-agence .wraper-addcartref .default-form .wraper-code-promo {
    padding-bottom: 0;
}
.wraper-code-promo {
    position: relative;
}
.page-agence #codepost {
    border: 1px var(--primarydod) solid;
    width: 360px;
}
.page-agence .wraper-addcartref .default-form input.input-text-short {
    width: 312px;
    height: 48px;
    border-right: 0;
    margin-right: 0;
    margin-left: 0;
}
.page-agence .wraper-addcartref .default-form select {
    margin-top: 0;
}
select#agence {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px var(--primarydod) solid;
    color: #003869;
    font-size: 15px;
    font-weight: 300;
    padding: 12px 20px 13px;
    background: url(cmsimg/chevron-down-vert.jpg) no-repeat right 25px center #fff;
    font-size: 15px;
    margin-top: 0px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    line-height: 20px;
    width: 413px;
    background-size: 14px;
    height: 50px;
}
@media (max-width: 767px)
{
		a#btnGeoloc
		{
				width: 140px;
		}
		select#agence 
		{
				width: 100%;
		}
		.page-agence #codepost
		{
				width: 100%;
		}
}

.wraper-addcartref {
    border: 1px var(--primarydod) solid;
    border-left: 0;
    border-right: 0;
    padding: 15px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.content-list-address li  {
    height: 70px;
    line-height: 70px;
    display: block;
    width: 100%;
    padding: 0px 10px;
	}
.wraper-popin-map {
	display:block;
    position: relative;
    margin-left: 0;
    left: 0;
    top: 0;
    background: #fff;
    width: 370px;
    margin: auto;
    padding: 20px;
}

#map_canvas {
		    height: 850px;    
}
@media screen and (max-width: 1024px) {
		#map_canvas {
		    height: 500px;    
}
}


/*Panier*/
.direct-add .add-prod-ref {
    border: none;
    background-color: #f0f0f0;
    height: 39px;
    padding: 0 10px;
}
.table-basket .cms-empty-basket {
    font-size: 14px;
    font-weight: bold;
    color: #f4214d;
    display: inline-block;
    vertical-align: middle;
}
.add-pro-panier
{
	border: none!important;
    background-color: #f0f0f0;
    width: 105px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    height: 39px!important;
}
.add-pro.btn.btn-checkout
{
		color:white;
		display:inline-block;
		height:39px!important;
		width: 35px!important;
		margin-bottom:0px;
		line-height:inherit;
}

.container-orders .aucun { color:white; margin-left:27px; }


.table-basket  .container-volume .container-amount .amount {
    width: calc(20% - 10px);
}

table.table-basket .container-amount .amount {
    min-width: 45px;
}

.table-basket .container-amount  .add-pro.btn.btn-checkout {  
    height: 36px!important;
	line-height:36px;
}
.table-basket .conditionnement {display:inline-block; /*width:120px;*/ width:90px; margin:0 0 0 20px; }
/* Liste de produits */
/*.product-multiple-ref .ct-price-info {display:none;} $REFONTE_MULTI*/

.list-container .log1 { display:none; }
.list-container .band-product .log1 { display:block; }
.list-container .band-product .log2 { display:none; }



.btn-access-account:hover .assess a {    text-decoration: underline; }
.btn-access-account .assess  a:hover {    text-decoration: none; }
/* Panier Responsive */
.label-responsive-panier, .detail-responsive-panier, .supprimer-responsive {
	display:none;
}

@media screen and (min-width: 1201px) {
	.table-basket .ct-img-table {
		min-width: 95px;
	}
	.table-basket .ct-img-table img {
		max-width: 95px;
		margin:auto;
	}

	.container-volume .container-amount .conditioning {
			width: calc(55% - 10px) !important;
	}
}


.table-basket .add-pro-panier { width:100%!important; }

/* Mode Impression */
@media print {
	@page {
		size: landscape;
	}
	header, 
	.page-panier .product-deccription-container, 
	.page-panier .container-fluid.product-sheet, 
	.page-panier .direct-add, .page-panier .ct-text-table .comment, 
	.page-panier .add-pro.btn.btn-checkout {
		display: none;
	}
	.page-panier .table-basket td.last, 
	.page-panier .btn-checkout, 
	.page-panier .recalls, 
	.page-panier .table-abstract .add-list,
	.page-panier .table-abstract .comment {
		display: none;
	}
	.page-panier .slider-title,
	.page-panier .secure-payment, 
	.page-panier .btn-continue-my-purchases, 
	.page-panier .container-product-ascent, 
	.page-panier .btn-switch-to-delivery, 
	.page-panier .shipping  {
		display: none;
	}
	footer, .page-panier .container-remote-control, .page-panier .btn-checkout.add-pro{
		display: none;
	}
	.page-panier .table-basket {
		padding-right: 0px;
	}
	.page-panier .table-abstract {
		margin-right: 0px;
	}
	.page-panier .table-abstract p {
		display:block !important;
		text-align:right;
	}
	.page-panier .table-abstract p > span:last-child {
		margin-left:25px;
	}
	.page-panier .add-pro-panier {
		width: 55px!important;
	}
	.container-full .list-product {
		padding-top: 20px;
	}
	.page-panier .table-abstract .tva-amount {
		font-size: 15px;
		padding-bottom:0px; 
	}
	.page-panier .h2-title {
		margin-bottom:10px;
	}
	.page-panier .product-list-table .thead tr {
		height: 60px;
	}

		.container-remote-control {
		display:none;
	}
	
	/* Détail d'une commande / facture */
	.menus.btn-access-account { display:none; }
	.spe-retourlstcde { display:none; }
	.container-special-demand { display:none; }
	.lnk-print { display:none; }
}


/* A189773 */
.remote-control .icon-user { width: 60px;  height: 60px;}	
@media (max-width: 767px) {
		.remote-control {display:block;}
		.remote-control, .remote-control .btn, .remote-control .icon, .remote-control .icon-user { width: 50px;  height: 50px;}		
		.remote-control .btn { width: 50px !important;  height: 50px !important;}		
		.remote-control-mobile { height:50px !important;}
}


.cms-formulaire input[type=text] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;  
}

/* Autre références repsonsive */
@media (min-width: 1201px) {
	.autre-reference-table .titrecod, .autre-reference-table .ajouterpanier, .autre-reference-table .responsive-header, .autre-reference-table .resp-teinte {
		display: none;
	}
}
@media (max-width: 1200px) {

	.autre-reference-table .tbody th.responsive-header:not(.active) ~ td {
		display:none;
	}
	.autre-reference-table .tbody th.responsive-header.active ~ td {
		display:block;
	}

	.autre-reference-table .thead, .autre-reference-table .tfoot, .autre-reference-table .tbody .supprimer, .autre-reference-table .cods .codepro {
		display:none !important;
	}

	table.autre-reference-table, .autre-reference-table .tbody, .autre-reference-table .tbody tr, .autre-reference-table .tbody td, .autre-reference-table .tbody th {
		display:block;
	}
	.autre-reference-table .titrecod, .autre-reference-table .collapse-icon, .autre-reference-table .ajouterpanier {
		display: inline-block;
	}
	
	.autre-reference-table .tbody tr
	{
		margin-bottom: 10px;
		position: relative;
	}

	.autre-reference-table .responsive-header {
		background: #133455;
		height: 40px;
		line-height: 35px;
		padding: 0px 15px;
		margin: 0px 0px;
		cursor: pointer;
	}
	.autre-reference-table .responsive-header .txt {
		width: calc(100% - 15px);
		font-size: 18px !important;
		font-weight: bold;
		line-height: 14px;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
	}
	.autre-reference-table .responsive-header .txt span {
		font-size: 18px !important;
	}
	.responsive-collapse.active .icon {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.responsive-collapse .icon {
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.autre-reference-table .carac, .autre-reference-table .cods {
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #1a3046;
		display: block;
		padding-bottom: 0px;
		padding-top: 3px;
	}

	.autre-reference-table .carac[data-th]::before, .autre-reference-table .prixu[data-th]::before,  .autre-reference-table .teinte[data-th]::before{
		content:attr(data-th) " : ";
		display: inline-block;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #1a3046;
		padding-bottom: 0px;
		padding-left: 5px;
		white-space: pre;
	}

	.autre-reference-table .resp-teinte {
		display: inline-block;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #1a3046;
		padding-bottom: 0px;
		padding-left: 5px;
		white-space: pre;
	}

	.autre-reference-table .prixu {
		padding-bottom:0px;
		padding-top: 3px;
	}

	.autre-reference-table .gencod, .autre-reference-table .refpro {
		padding-left: 5px;
		padding-top: 3px;
	}

	.autre-reference-table .prixu .pu strong.leprixpro {
		font-family: 'Poppins_Bold', sans-serif;
		font-size: 14px;
		color: var(--primarydod);
		font-weight: normal;
		display:inline;
	}
	.autre-reference-table .dispostock {
		overflow: auto;
	}
	.autre-reference-table .dispostock p {
		float: left;
		margin-left: 0px;
		margin-right: 20px;
	}
	
	.autre-reference-table .dispostock > p:first-child {
		display:none;
	}

	.autre-reference-table .dispostock  p:first-child {
		margin-left: 0px;
		padding-left: 5px;
	}

	.product-list-table.autre-reference-table .ct-take {
		display:inline-block;
		margin-left: 5px;
	}

	.autre-reference-table .btn-add-to-basket {
		height: 39px;
		line-height: 37px;
		width: 100%!important;
	}

	.autre-reference-table .ajouterpanier-container .cmt-icon.todo {
		display: none!important;
	}

	.autre-reference-table .ajouterpanier-container {
		padding:0px;
	}

	.autre-reference-table .btn-add-to-basket .icon {
		position: static;
		margin-right: 10px;
		font-size: 12px;
		line-height: 20px;
		display: inline-block;
		vertical-align: middle;
		width: 32px;
		height: 27px;
	}
	.autre-reference-table .tbody .favoris {
		position:absolute;
		top: 45px;
		right: 10px;
	}
	.autre-reference-table .ajouterpanier-container {
		width: auto !important;
	}

	.autre-reference-table .select-container.amount {
		float:left;
		width: calc(30%) !important;
	}

	.autre-reference-table .select-container.conditioning {
		width: calc(70%) !important;
		margin-right: 0px !important;
	}
	.autre-reference-table .cmt-container{
		position:absolute;
		top: 75px;
		right: 10px;
		cursor:pointer;
	}
	.autre-reference-table .prixref {
		margin-bottom:5px;
	}
}

/*Mes articles*/
.selected .btn-form
{
    opacity: 1;
}
.selected .btn-form .icon-check-green-form {
    animation: anim-icon 0.5s forwards;
}

/*Input de type date*/
.yui-calcontainer 
{
    left: 39px!important;
    top: -14px!important;
}
.yui-skin-sam
{
	position: absolute;
    right: 10px;
    top: 12px;
    width: 20px;
    height: 20px;
}
.yui-skin-sam img
{
	z-index:1;
}
.yui-skin-sam .yui-calcontainer.withtitle
{
    border-radius: 5px;
    background: #FFF;
    border: 1px solid #999;
}
.yui-skin-sam .yui-calcontainer .title 
{
    background: none!important;
	border-bottom:none!important;
}
.yui-calcontainer  td, .yui-calcontainer th {
    width: 30px;
}
.yui-calcontainer table
{
		width: 210px;
}
.yui-skin-sam .yui-calendar td.calcell 
{
		border:none!important;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover
{
		border-radius:5px!important;
		background-color:#DEDEDE!important;
		color: inherit!important;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover a
{
		border-radius:5px!important;
		background-color:#DEDEDE!important;
		color: inherit!important;
}
.yui-skin-sam .yui-calendar td.calcell.oom 
{
    background-color: transparent!important;
    color: #DEDEDE!important;
}
.yui-skin-sam .yui-calendar td.calcell a 
{
    color: inherit!important;
}
.yui-skin-sam .yui-calendar td.calcell.selected a 
{
		color: var(--primarydodbis)!important;
		background-color: transparent!important;
}
.yui-skin-sam .yui-calcontainer .title, .yui-skin-sam .yui-calendar, .yui-skin-sam .yui-calcontainer.withtitle
{
		font-family:inherit!important;
}
.yui-skin-sam .yui-calendar .calnavleft
{
		left:0px!important;
}
.yui-skin-sam .yui-calendar .calnavright 
{
		right:0px!important;
}
.yui-skin-sam .yui-calendar .calweekdaycell 
{
		font-weight:normal!important;
}
.yui-skin-sam .yui-calcontainer .calclose 
{
		right:15px!important;
}
/*Formulaire de gestion de contenu*/
.form-contact .required::after
{
		content: "*";
}
.form-contact select
{
    width: 100%;
    height: 44px;
    border: 0px;
    background: #f0f0f0;
}

/*Fiche produit - quantité et conditionnement*/
.container-volume .container-amount .amount {
    width: calc(35% - 10px);
}
.container-volume .container-amount .conditioning {
    width: calc(65% - 10px);
}
.container-volume .container-amount .ccl {
	 margin-top: 6px;
     width: calc(65% - 10px);
	 padding-left:0px;
}
@media (max-width: 1024px) {
  .container-volume .container-amount .ccl {
    display: inline-block;
    } }
.container-volume .container-amount .cmt {
	 margin-top: 6px;
     width: calc(35% - 10px);
	 margin-right: 15px;
     display: inline-block;
}
.cms-input-qte
{
	height: 39px;
    line-height: 35px;
    border: none;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

/*Auto-complétion*/
.cms-blocResultats
{
		background-color: white;
}
/* pour la recherche de ville en création de cpte */
.wicket-aa-container li.selected
{
		background-color: #dcdbdb; 
}
.cms-blocTousResulats
{
		background-color: white;
}
.cms-blocInfoPrem 
{
	background-color: var(--primarydod)!important;
	height: 30px!important;
    padding-left: 10px!important;
}
.wicket-aa-container {
    z-index: 200;
	border: 1px solid #adaeaf;
}
.rechProAutoComplete {
		border:0px solid white;
	-webkit-box-shadow: -7px -6px 67px 12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -7px -6px 67px 12px rgba(0, 0, 0, 0.25);
    box-shadow: -7px -6px 67px 12px rgba(0, 0, 0, 0.25);
	}
.rechProAutoComplete .wicket-aa {width:330px;}

.rechProAutoComplete .selected .cms-blocResultats { background-color:#e6e6e6;}
.rechProAutoComplete .selected {background-color:transparent; }
.cms-blocTousResulats 
{
    min-height: 40px!important;
}
div.wicket-aa
{
		cursor: pointer;
}

/*TODO*/

.todo { position:relative;  display:none !important; /* background:#fbbcbc; border:1px dotted red; */ }
.todo:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: "A faire";
    left: 20%;
    padding: 4px;
    position: absolute;
	text-align:center;
    z-index: 98;
    width: 100px;
	font-size:12px;
}

/* Feedback visuel pour l'attente ajax facettes */
.ajaxWait {cursor:wait;}
body.ajaxWait * {cursor:wait;}
body.ajaxWait [type="radio"]:not(:checked) + label,
body.ajaxWait [type="radio"]:checked + label,
body.ajaxWait [type="checkbox"]:not(:checked) + label,
body.ajaxWait [type="checkbox"]:checked + label ,
body.ajaxWait .btn {
	cursor:wait;
}


.alert { margin: 10px 0 10px 0; padding: 20px; }
.alert-success { background-color: yellowgreen;  color: white; }
.alert-error { background: #fd374a;  color: white; }


/*Menu bas*/
/*Marge à droite, pour pallier au fait que dans les maquettes (avec marge à gauche) cette classe était présente sur tous les élements de la liste saus le premier*/
.cms-ml
{
		margin-right: 20px;
}

.agency a:after { content:""; background:#f0f0f0; }
.agency a {padding:0 0 0 1px;}
.container-product-info div p { display:inline; }
.container-product-info h2 p { display:inline; }
.container-product-info .txt p { display:block; }

.product-info .ct-price-info a { display:inline; }
.product-info .ct-price-info p { display:block; }



.product-list-table .pu strong { font-family: 'Poppins_Bold', sans-serif; font-size: 14px; color: #fd6936; font-weight: normal; display:block; }
.product-list-table .pu .unite { color: #1a3046; font-size: 13px; font-weight:normal; font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;}
.product-list-table input[type=text] { width:100%; height:35px;  display: inline-block;  padding: 4px;  font-size: 13px;  line-height: 18px;  color: #808080;  border: 1px solid #ccc;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}

.cmt-icon { display:inline-block; width:20px; height:20px; background:url(cmsimg/icone-liste.svg) center center no-repeat; cursor:pointer;}
.icon-croix-blue {   background: url(cmsimg/pnv_icone-croix-bleu.png) center center/21px 21px no-repeat;   width: 21px;   height: 21px; }


input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox;}


.list-paging .active a {    color: #262d33; }

/* pagination ipad */
@media screen and (min-width: 1023px)  and (max-width: 1200px){
		.list-paging li { width:20px; }
		.container-switch-visual-product { width: calc(70% - 171px); }
		.product-number { font-size: 15px; }
}

.pInline p { display:inline;}

/*.band-product .product-btn,*/
.band-product .stock,
.band-product .no-stock,
.band-product .contremarque,
.band-product .take {
  display:block;
}

.price-container .stockInPrice {height:1px;}
.price-container .hiddenPnv { display:none !important; }
.band-product .stockHiddenGrid { display:none;}
.price-container .stockInPrice .stock .icon, .price-container .stockInPrice .no-stock .icon, .price-container .stockInPrice .contremarque .icon, .price-container .stockInPrice .take .icon {  margin-right: 0; }

/* Corrige l'affichage du bloc menu gauche */
.pnvWrapperFlex { position:relative; display:flex;}
main span[pnv\:id=communHeader] { display:flex; }

/* statut liste des commandes */
.stapceprep, .stapcecde {color: #f9a01b;}
.stapcehist, .stapcefact, .stapceexp { color: #0ea74f; }
/*.cms-detcdepanel { display: none; }*/

/* menu mon compte */
.account-menu li.selected a { background-color: #f9f9f9; color: var(--primarydodbis); }
.account-menu li a .icon { width:30px; }

.form-contact .contact-details  input { font-weight: bold; color: var(--primarydod);}
.form-contact .contact-details input[disabled=disabled] { border: 0; background: #f0f0f0; }
.form-contact .contact-details input { background: white; border: 1px solid #ddd;}

.cms-selcdepanel .aucun {clear:both;}


.faq h1 { color: #65C145; font-family: 'FrutigerMedium',helvetica,arial; line-height: 21px;margin: 10px 0 10px 0; padding: 0;text-transform: uppercase;}

/*facette active*/
.fselected { color: var(--primarydod); font-weight: bold; }

.container-product-filters .link-rouge { color: #d20d0d;; font-weight: bold; display:block; }

.dropCaracAll {
	padding-left: 10px;
    padding-right: 10px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background: #fff;
	border:none;
}

.product-deccription-container .container-product-info .ct-price-info { padding-right:0; }

.wraper-menu-filtre a.link-rouge{font-size: 11px; color: #e53421; text-decoration: none; font-family: 'Hind', sans-serif; font-weight: 700; background: url('cmsimg/picto-croixrouge.svg') no-repeat left 1px; padding-left: 20px; margin-right:10px;}
.wraper-menu-filtre a.link-rouge:hover{text-decoration: underline;}
a.retirer-filtre{background:var(--primarydod); padding: 2px 10px 0; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 0px solid #000000; color:#fff; text-transform: uppercase; font-family: 'Hind', sans-serif; font-weight: 700; font-size:11px; white-space:nowrap; background-image: url('cmsimg/picto-croixblanche.svg'); background-repeat: no-repeat; background-position: right 10px top 4px; padding:2px 10px 2px 6px; padding-right: 30px; }
a.retirer-filtre span{padding-left: 10px; font-weight: 300}
a.retirer-filtre:hover{text-decoration: none; color: #c2f3c3;}
.wraper-menu-filtre { margin:0 0 20px 0; }



.icon-clearance2 { background: url(cmsimg/icone-destockage.svg) center center/36px 36px no-repeat; width: 36px; height: 36px;}
















/************************************************ Modal2 ***************************************/

/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#confirm, #confirm2, #confirmEnt {display:none;}

/* Overlay */
#confirm-overlay {	background-color:#000;	cursor:wait;}

/******************************************************************/
/* PROBLEME MODAL SUR IE - NE FONCTIONNE PAS*/
#confirm-overlay {
	position: absolute;
	
	top: 0px;
	left: 0px;
	width: 101%;
	height: 100%;
	
	top: expression(documentElement.scrollTop + body.scrollTop);
  	left: expression(documentElement.scrollLeft +body.scrollLeft);

  	width: expression(document.body.clientWidth);
	height: expression(document.body.clientHeight);	
	background-color: #007DEB;
	opacity: .4;
	filter: alpha(opacity=40);
	background-color: #000;
	display: none;

}
html>body #confirm-overlay { /* pour firefox */
  /*position: fixed;*/
}
/******************************************************************/
/* Container */
#confirm-container {
	height:230px;
	width:520px;
	text-align:left;
	background:#fff;
	border:1px solid #56697d;
	background:url(cmsimg/bg_modal.gif) no-repeat;
	background-position:0 bottom;
	background-color:#FFF;
}
#confirm-container .header {
	height:44px;
	width:510px;
	background-image:url(cmsimg/bg_header_modal.png);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#000;
	font-weight:bold;
	margin:5px;
	text-align:center;
}
#confirm-container .header H3 {
	padding-top:5px;
	font : normal 24px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}
#confirm-container .message {
	color:#666;
	font : normal 21px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:12px 4px 12px 8px;
}
#confirm-container .message2{
		color : red;
		font : normal 21px Arial, Helvetica, sans-serif;
		text-align:center;
		margin:0;
		padding:12px 4px 12px 8px;
}
#confirm-container .buttons {
	margin:auto;	
	padding:0px;
	text-align:center;
} 
#confirm-container .buttons DIV {
	float:left;
	margin:4px;
	width:250px;
	height:37px;
	color:#666;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	font-size:15px;
	margin-top:25px;
} 
#confirm-container .buttons DIV:hover {
	color:#29abe2;
}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	right:10px;
	top:2px;
	color:#fff;
}
#confirm-container a.modal-close:hover {
	color:#000;
}
DIV.closeModal{
	position:absolute;
	width:32px;
	height:32px;
	right:10px;
	top:8px;
}

.secondHeader .agency-name { display:none; }

/* Correction bouton radiot sur popup reliquat */
.modal-reliquat input[type="radio"] {		
  -webkit-appearance: radio;
  -moz-appearance: radio;  
}

/* line 331, C:/LOCAL/Repositories/GM-DOD/trunk/scss/helpers/_icone.scss */
.icon-email-blue span {
  background: url(cmsimg/icone-nous-contacter-blue.svg) center center/30px 14px no-repeat;
  width: 30px;
  height: 30px;
}

/* line 337, C:/LOCAL/Repositories/GM-DOD/trunk/scss/helpers/_icone.scss */
.icon-who span {
  background: url(cmsimg/icone-qui-sommes-nous.svg) center center/18px 16px no-repeat;
  width: 30px;
  height: 30px;
}

/* line 343, C:/LOCAL/Repositories/GM-DOD/trunk/scss/helpers/_icone.scss */
.icon-services span {
  background: url(cmsimg/icone-services.svg) center center/21px 14px no-repeat;
  width: 30px;
  height: 30px;
}

/* line 349, C:/LOCAL/Repositories/GM-DOD/trunk/scss/helpers/_icone.scss */
.icon-docuthque-blue span {
  background: url(cmsimg/icone-docutheque-bleu.svg) center center/20px 19px no-repeat;
  width: 30px;
  height: 30px;
}

/* line 355, C:/LOCAL/Repositories/GM-DOD/trunk/scss/helpers/_icone.scss */
.icon-fav-blue span {
  background: url(cmsimg/icone-article-fav-bleu.svg) center center/18px 18px no-repeat;
  width: 30px;
  height: 30px;
}

.btn.btn-add-to-basket.btn-table { display : inline-block; }



/* Offres d'emploi */

#candidatures {
  margin: 0px 0 30px 0;
  padding:0 0 30px 0;
  
  overflow-y:auto;
}
#candidatures .c960 {
  overflow: visible;
}
#candidatures h2 {
  line-height: 20px;
  height: 20px;
}
#candidatures .bottom {
  border-radius: 0px;
  font-size: 11px;
  margin-top: 1px;
  *margin-bottom: -4px;
}
#candidatures .bottom .number {
  font-size: 24px;
  margin: -10px 0 0 16px;
}
#candidatures .rejoindre:hover .fleche-icon,
#candidatures .spontanne:hover .fleche-icon {
  right: 14px;
}
#candidatures .bottom.active-menu {
  width: 210px;
}
#candidatures .bottom.active-menu .fleche-icon {
  right: 16px;
}
#candidatures .rejoindre .fleche-icon,
#candidatures .spontanne .fleche-icon {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -5px;
  width: 6px;
  height: 10px;
  background: url('cmsimg/bg-sprite.png') no-repeat -12px 0;
}
#candidatures .spontanne {
  padding-top: 10px;
  height: 37px;
  text-transform: none;
  font-size: 12px;
}
#candidatures .tabs {
  position: relative;
}
#candidatures .tab.active {
  display: block;
}
#candidatures .tab {
  display: none;
}
#candidatures .p1 {
  *margin-right: 30px;
}
#candidatures table.tabcarac {
  font-family: 'FrutigerMedium', helvetica, arial;
  /*margin-left: 10px;*/
  margin-bottom: 0px;
  width: 97%;
  font-size: 11px;
}
#candidatures table.tabcarac thead.carac {
  height: 40px;
  border: 1px solid #cdd4e3;
  background-color: #dde2ec;
  color: #6c86ae;
  text-transform: uppercase;
}
#candidatures table.tabcarac th.carac {
  border: 1px solid #cdd4e3;
  text-align: center;
  font-weight: normal;
  font-size: 10px;
  line-height: 11px;
}
#candidatures table.tabcarac tbody.carac {
  border: 1px solid #cdd4e3;
}
#candidatures table tr {
  /*cursor: pointer;*/
}
#candidatures table.tabcarac tr:hover td.carac {
  /*background-color: #dde2ec;*/
}
#candidatures table.tabcarac td.carac {
  text-align: center;
  color: #6c86ae;
  background-color: #edf0f5;
  height: 15px;
  font-size: 13px;
  border-right: 1px solid #cdd4e3;  
}

#candidatures .pdf-icon {
  display: block;
  margin-top: 5px;
  width: 12px;
  height: 12px;
  background: url("cmsimg/bg-sprite.png ") no-repeat -165px -20px;
}

#fil-wrapper {
  background-color: transparent;
  position: relative;
  top: 0px;
  height: 75px;
  padding-top: 0px;
}
/*#candidatures table.tabcarac { max-width:650px;}*/
#candidatures table.tabcarac thead.carac tr th { height:20px; font-size:14px; padding:5px; }
#candidatures table.tabcarac tbody tr { height:25px;  }
#candidatures table.tabcarac tbody tr td {height:25px;  }
.tabcarac .btn, .popupOffre .btn {}
.tabcarac .btn {  margin:5px; padding:0 5px 5px 5px;}
.tabcarac a:hover .btn, .popupOffre a:hover .btn { background:#79d05b; }
/*.tabcarac a, .popupOffre a { color:white;}*/
.popupOffre #formOffre, .popupOffre #confirmOffre { display: none;}
.popupOffre #confirmOffre { padding: 30px 0 0 0; text-align: center; }

.popupOffre { font-size:0.9em; }
.popupOffre h2 { margin-bottom:5px; }
.popupOffre ul { list-style-type:none; margin:0 0 10px 0; padding:5px; }
.popupOffre ul li span.type {/*display:inline-block;*/ width:173px; vertical-align:top; text-align:right;}
.popupOffre ul li span.valeur { font-weight:bold; display:inline-block; width:180px;  }
.popupOffre ul li {  list-style-type:none; margin:4px 0 4px 0; width:375px; }
.popupOffre ul li:before {background:none;}
.popupOffre .descOffre { max-height:300px; overflow-y: auto; padding:15px 10px 10px 10px; border-top:5px solid #eee;}
.popupOffre .descOffre p { margin:0 0 10px 0;}
.popupOffre .imgOffre { position:absolute; top:70px; right:0px; width:210px; height:160px; background:#eee; /*border:5px solid #ccc;*/}
.popupOffre h3 { color:#65c145; text-transform:none; font-family:'FrutigerMedium',helvetica,arial;}
.popupOffre .imgOffre img { max-width:210px; max-height:160px;}

.popupOffre .form input {background:white;}


/* Speedometer */
#blocspeed {
	background : white url(cmsimg/compteuravion.jpg) no-repeat top;
	background-size: 660px 500px;
	width: 660px;
	height: 500px;
	margin-left : 25px;
	margin-top : 25px;
}
#speedometer {
  padding-top : 145px;
  padding-left : 70px;
  width: 280px;
  height: 280px;    
}
#texte_speed {
   width: 600px;
   margin-left: 50px;
   margin-top: 15px;
}

#blocspeed {text-align:center;}
#speedometer { height:415px;}
#texte_speed b { font-weight:bold;}

/* Flipclock */
/* Get the bourbon mixin from http://bourbon.io */

#privilege {
	background: #FFF url("cmsimg/privilege3.jpg") no-repeat scroll center top / 660px 500px;
	width: 660px;
	height: 500px;
	margin-left: 25px;
	margin-top: 25px;
}

#privilege .counter  { top : 327px; left : 58px;  width: 160px; margin : 0px; }
#privilege .counter2 { top : 292px; left : 237px; width: 160px; margin : 0px; }
#privilege .counter3 { top : 359px; left : 58px;  width: 160px; margin : 0px; }
#privilege .counter4 { top : 323px; left : 238px; width: 160px; margin : 0px; }

/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 3px;  
  margin-left : 2px; 
  margin-right : 2px;
  width: 22px;
  height: 29px;
  font-size: 30px;
  font-weight: bold;
  line-height: 27px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0; }

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 26px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.flip-clock-wrapper ul li { padding-left:0; }
/*end of flipclock*/


/* Casino Royal */
#blocCasino {
	/*background : white url(resources/pnv.wicket.resource.img.ImgResource/casinoroyal.jpg) no-repeat top;*/
	background-size: 660px 500px;
	width: 660px;
	height: 495px;
	margin-left : 25px;
	margin-top : 25px;
}

#blocCasino #blocChiffres {
	display : none;
	background : transparent url(cmsimg/casino22018.jpg) no-repeat top;
	position : relative;
	top : -360px;
	left : 384px;
	width : 251px;
	height : 169px;	
}

#blocCasino .caweb0    { position: absolute; top: 54px; width: 59px; left: 98px;  text-align : center;}
#blocCasino .caweb1    { position: absolute; top: 54px; width: 62px; left: 16px;  text-align : center; height : 20px; background-color: orange;}
#blocCasino .cawebtodo { position: absolute; top: 54px; width: 59px; left: 175px; text-align : center; }
#blocCasino .cagen0    { position: absolute; top: 132px; width: 59px; left: 100px; text-align : center; }
#blocCasino .cagen1    { position: absolute; top: 131px; width: 62px; left: 17px;  text-align : center; height : 22px; background-color: orange;}
#blocCasino .cagentodo { position: absolute; top: 132px; width: 59px; left: 176px; text-align : center; }

#blocCasino .chiffreok { background-color: green;}

.reveal-modal.reglement { width : auto;  }

.mainSlot {
  /*width: 310px;*/
  position : relative;
  top : -254px;
  left : 60px;
}

.slot { color : #FFF;}

.slots {
    font-size: 35px;
    line-height: 66px;
    font-family: arial,helvetica,sans-serif;
    text-align: center;
    overflow: hidden;
    height: 66px;
    float: left;
    border: 1px solid #ccc;
    background-color: #000;
    position: relative;
}

.number-wrapper {
  margin-top: 0;
  width : 24px;
}

.number-wrapper:after, .number-wrapper:before {
  content: " ";
  display: block;
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
}

input:hover {
  cursor: pointer;
}

.buttonslot {
  float: left;
}

/* Mixins */
@-moz-keyframes spin /* Firefox */ {
  from {
    background-position: 0, 0 0;
  }
  to {
    background-position: 0, 0 -1580px;
  }
}
@-webkit-keyframes spin /* Safari and Chrome */ {
  from {
    background-position: 0, 0 0;
  }
  to {
    background-position: 0, 0 -1580px;
  }
}
@-ms-keyframes spin /* IE */ {
  from {
    background-position: 0, 0 0;
  }
  to {
    background-position: 0, 0 -1580px;
  }
}
@-o-keyframes spin /* Opera */ {
  from {
    background-position: 0, 0 0;
  }
  to {
    background-position: 0, 0 -1580px;
  }
}
@keyframes spin {
  from {
    background-position: 0, 0 0;
  }
  to {
    background-position: 0, 0 -1580px;
  }
}
#equation {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -80px;
}
#equation span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
#equation .spinner {
  height: 140px;
  margin: 10px;
  margin-right: 12px;
  background-color: #FFF;
  background-position: 0;
  border-radius: 5px;
  box-shadow: inset 0 0 5px #000;
  position: relative;
  -webkit-animation: spin 3s linear 0s infinite;
  -moz-animation: spin 3s linear 0s infinite;
  -o-animation: spin 3s linear 0s infinite;
  -ms-animation: spin 3s linear 0s infinite;
  animation: spin 3s linear 0s infinite;
}
#equation .spinner:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -10px;
  width: 120px;
  height: 160px;
  border-radius: 10px;
  background-color: #333;
  background-image: -webkit-linear-gradient(#666 0%, #333 60%, #666 100%);
  background-image: -moz-linear-gradient(#666 0%, #333 60%, #666 100%);
  background-image: -ms-linear-gradient(#666 0%, #333 60%, #666 100%);
  background-image: -o-linear-gradient(#666 0%, #333 60%, #666 100%);
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.2);
}
#equation .drink {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, 0.6) 100%), url("http://media.balsamiq.com/img/hashtaghot/drinks.jpg");
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, 0.6) 100%), url("http://media.balsamiq.com/img/hashtaghot/drinks.jpg");
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, 0.6) 100%), url("http://media.balsamiq.com/img/hashtaghot/drinks.jpg");
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, 0.6) 100%), url("http://media.balsamiq.com/img/hashtaghot/drinks.jpg");
  width: 80px;
  background-size: 80px auto;
  background-position: 0, 0 20px;
}
#equation .drink:before {
  width: 100px;
}
#equation.zero .drink {
  background-position: 0, 0 -1580px;
}
#equation.one .drink {
  background-position: 0, 0 -1680px;
}
#equation.two .drink {
  background-position: 0, 0 -1780px;
}
#equation.three .drink {
  background-position: 0, 0 -1880px;
}
#equation.four .drink {
  background-position: 0, 0 -1980px;
}
#equation.five .drink {
  background-position: 0, 0 -2080px;
}
#equation.six .drink {
  background-position: 0, 0 -2180px;
}
#equation.seven .drink {
  background-position: 0, 0 -2280px;
}
#equation.done .spinner {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
  -webkit-transition: background-position 2s ease-out 0s;
  -moz-transition: background-position 2s ease-out 0s;
  -o-transition: background-position 2s ease-out 0s;
  -ms-transition: background-position 2s ease-out 0s;
  transition: background-position 2s ease-out 0s;
}

#shoulder {
  position: absolute;
  top: 30px;
  left: -100px;
  width: 80px;
  height: 100px;
  border-radius: 10px;
  background-color: #333;
  background-image: -webkit-linear-gradient(#666 0%, #333 60%, #666 100%);
  background-image: -moz-linear-gradient(#666 0%, #333 60%, #666 100%);
  background-image: -ms-linear-gradient(#666 0%, #333 60%, #666 100%);
  background-image: -o-linear-gradient(#666 0%, #333 60%, #666 100%);
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.2);
}

#arm {
  position: relative;
  top: 10px;
  left: 10px;
  cursor: pointer;
  width: 60px;
  height: 80px;
  border-radius: 10% / 50%;
  background-color: #666;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 15%, rgba(255, 255, 255, 0) 50%, transparent 85%, rgba(0, 0, 0, 0.3)), -webkit-linear-gradient(top, #333 0%, #666 10%, #999 30%, rgba(255, 255, 255, 0.8) 60%, #999 70%, #666 90%, #333 100%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 15%, rgba(255, 255, 255, 0) 50%, transparent 85%, rgba(0, 0, 0, 0.3)), -moz-linear-gradient(top, #333 0%, #666 10%, #999 30%, rgba(255, 255, 255, 0.8) 60%, #999 70%, #666 90%, #333 100%);
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 15%, rgba(255, 255, 255, 0) 50%, transparent 85%, rgba(0, 0, 0, 0.3)), -ms-linear-gradient(top, #333 0%, #666 10%, #999 30%, rgba(255, 255, 255, 0.8) 60%, #999 70%, #666 90%, #333 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, transparent 15%, rgba(255, 255, 255, 0) 50%, transparent 85%, rgba(0, 0, 0, 0.3)), -o-linear-gradient(top, #333 0%, #666 10%, #999 30%, rgba(255, 255, 255, 0.8) 60%, #999 70%, #666 90%, #333 100%);
}
#arm:before {
  content: '';
  position: absolute;
  top: -40px;
  left: 16px;
  width: 16px;
  height: 70px;
  border-radius: 8px;
  box-shadow: 0px 2px 0px #333;
  background-color: #999;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg);
  background-image: -webkit-linear-gradient(left, #666 0%, rgba(255, 255, 255, 0.7) 50%, #666 100%);
  background-image: -moz-linear-gradient(left, #666 0%, rgba(255, 255, 255, 0.7) 50%, #666 100%);
  background-image: -ms-linear-gradient(left, #666 0%, rgba(255, 255, 255, 0.7) 50%, #666 100%);
  background-image: -o-linear-gradient(left, #666 0%, rgba(255, 255, 255, 0.7) 50%, #666 100%);
  background-image: linear-gradient(to right, #666666 0%, rgba(255, 255, 255, 0.7) 50%, #666666 100%);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
#arm:after {
  content: '';
  position: absolute;
  top: -70px;
  left: -4px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #760209;
  border: 2px solid #5d0207;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-radial-gradient(50% 40%, closest-corner, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -moz-radial-gradient(50% 40%, closest-corner, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -ms-radial-gradient(50% 40%, closest-corner, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -o-radial-gradient(50% 40%, closest-corner, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

#arm.clicked:before {
  top: -20px;
  left: 20px;
  -webkit-transform: rotate3d(100, 10, 0, 180deg);
  -moz-transform: rotate3d(100, 10, 0, 180deg);
  transform: rotate3d(100, 10, 0, 180deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
#arm.clicked:after {
  top: 90px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
/*fin de casino royal*/

/*Création de compte*/
.wicket-aa-container
{
	background: #f0f0f0;    
}
@media (min-width: 768px) {
		.height-sold
		{
				min-height: 343px;
		}
		.container-orders .lstCdeAcc
		{
				min-height:200px;
		}
}

@media (max-width: 1280px) {
.btn-access-account .user  { max-width:190px;}
}


.icon-discount {
    background: url(cmsimg/icone-promotion.svg) center center/23px 23px no-repeat;
    width: 23px;
    height: 23px;
}

/* Recap Commande */
.recap-adresse {
	font-size: 14px;
    color: #1a3046;
    font-family: 'Poppins_SemiBold', sans-serif;
}

TABLE.tableau_process .bord_droit {
    border-right: 2px solid #d4d4d4 !important;
}

TABLE.tableau_process div span {
	color: #1a3046 !important;
	font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif !important;
    font-size: 14px !important;
}

TABLE.tableau_process {
    border-bottom: 0px !important;
}

TABLE.tableau_process td:first-child{
	padding-left:0px;
}

TABLE.tableau_process label {
	font-size: 14px;
    color: #1a3046;
    font-family: 'Poppins_SemiBold', sans-serif;
}

H3.titre_process {
	color: #1a3046 !important;
    font-family: 'Poppins_SemiBold', sans-serif !important;
}


#grid .produit-small .prix {		
    color: #1a3046 !important;
}

#grid .produit-small .prix .mttotal{		
    color: var(--primarydodbis);
}

#grid .produit-small .prix .mtunit{		
    color: #fd6936;
	font-weight: bold;
}

#grid .produit-small .title {
	color: #1a3046 !important;
    font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif !important;
    font-size: 14px !important;
}

#grid .produit-small .title a {
	font-weight: bold;
	font-size: 15px;
	font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif !important;
	color: #1a3046 !important;
}

#grid .produit-small {
	border-top: 2px solid #d4d4d4 !important;
}

#grid .produit-small .refs {
	color: #1a3046 !important;
    font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif !important;
    font-size: 14px !important;
}
#grid .produit-small .refs label {
	font-weight: bold;
}

@media (max-width: 880px) {
		#grid .produit-small {
				height:auto !important;
				padding-bottom: 10px;
		}
		
		#grid .produit-small .inner-produit-small {
			height:auto !important;
			overflow: hidden;
		}

		#grid .produit-small .img-produit {
			position:static !important;
			height: auto !important;
			max-width:50px;
			margin-bottom:10px;
			margin-top:10px;
		}

		#grid .produit-small .refs {
		    position: static !important;
			float:left !important;
		}
		#grid .produit-small .title {
			float:none !important;
			margin-left: 0px !important ; 
			margin-top: 0px !important;
			width: auto !important;
			margin-bottom: 10px !important;
		}
		#grid .produit-small .prix {
			float:right !important;
			margin-top: 0px !important;
		    padding-left: 0px !important;
		    margin-left: 0px !important;
		}

		#grid .produit-small .dispos {
		    left: auto !important;
		    right: 15px;
		}
}

.list-container.grid-products {
    display: flex;
    flex-wrap: wrap;
}

.list-container.grid-products .container-product.band-product {
    flex: 0 1 auto;
}

/*$REFONTE_MULTI
.list-container.grid-products .container-product.band-product .btn-all-references {
    text-align: center;
    margin-bottom: 0;
    position: static;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    bottom: auto;
}
*/

.order-list .tbody th.responsive-header,
.order-list .tbody th.responsive-footer {
		display:none;
}

@media (max-width: 1023px) {
	.table.order-list .tbody tr th.responsive-header:not(.active) ~ td
	{
		display:none;
	}
		
	.order-list .thead {
		display:none;
	}
	
	.table.order-list .tbody tr td.last {
		/*display:none !important;*/
		display: block;
	    line-height: 37px;
	    text-align: center;
	    text-decoration: none;
	    background-color: var(--primarydod);
		height: auto;
		position: static;
		width: 100%;
		padding-left: 0px;
		margin-top:5px;
	}

	.table.order-list .tbody tr td.last > a  {
	    width: calc(100% - 15px);
	    font-size: 16px !important;
	    font-weight: bold;
	    line-height: 14px;
	    color: #fff;
	    display: inline-block;
	    vertical-align: middle;
		text-decoration: none;
		font-family: 'Poppins_Bold', sans-serif;
	}
	.order-list .tbody tr, 
	.order-list .tbody tr td,
	.order-list .tbody th.responsive-header,
	.order-list .tbody th.responsive-footer {
		display:block;
	}
	.order-list .tbody th.responsive-header {
	    background: #133455;
	    height: 40px;
	    line-height: 35px;
	    padding: 0px 15px;
	    margin: 0px 0px;
	    cursor: pointer;
	}
	
	.order-list .responsive-header .txt {
	    width: calc(100% - 15px);
	    font-weight: bold;
	    line-height: 14px;
	    color: #fff;
	    display: inline-block;
	    vertical-align: middle;
	}

	.order-list .responsive-header .txt > span {
		font-size: 18px !important;
	}

	.table.order-list {
		padding-right:0px;
	}
	.table.order-list .tbody tr {
		height:auto;
		margin-bottom: 10px;
		position: relative;
	}
	.order-list .tbody td.first {
		padding-left: 0px;
	}
	.order-list .tbody tr td[data-th]::before {
		content: attr(data-th) " : ";
		display: inline-block;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #1a3046;
		padding-bottom: 0px;
		padding-left: 5px;
		white-space: pre;
	}

	.order-list .tbody tr td[data-th] .sousEtatCde {
		display: inline-block;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #1a3046;
		padding-bottom: 0px;
		padding-left: 5px;
		white-space: pre;
	}
}

.container-select-box .select-list {
		/*position: relative;*/
}
					
.firstCaracts { border-bottom:2px solid grey; margin-bottom:10px; }

.container-slide-img li {
		padding:60px 0 0 0;
		cursor:auto;
}

.tableLignesPanierQte {
	border-collapse: separate;
    border-spacing: 0 10px;
}
.tableLignesPanierQte thead {
	-webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.tableLignesPanierQte thead tr {
	height: 65px;
}

.tableLignesPanierQte thead th {
	background: #133455;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.tableLignesPanierQte tbody tr {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.tableLignesPanierQte tbody tr td:not(:first-child) {
	/*text-align:center;*/
}

@media screen and (max-width: 1023px) {
	.tableLignesPanierQte thead {
		display:none;
	}

	.tableLignesPanierQte tbody tr,
	.tableLignesPanierQte tbody tr td {
		display:block;
	}

	.tableLignesPanierQte tbody tr {
		width: calc(50% - 10px);
		margin-bottom:10px;
		margin-right: 10px;
		float:left;
	}
		
	.tableLignesPanierQte tbody tr td:not(:first-child) {
		text-align:left;
	}
		
	.tableLignesPanierQte tbody tr td:first-child {
		text-align:center;
	}
	.tableLignesPanierQte tbody tr td[data-th]::before {
		content: attr(data-th) " : ";
		display: inline-block;
		font-size: 15px;
		line-height: 18px;
		font-weight: bold;
		color: #1a3046;
		padding-bottom: 0px;
		padding-left: 5px;
		white-space: pre;
	}
}
@media screen and (max-width: 854px) {
	.tableLignesPanierQte tbody tr {
		width: 100%;
		margin-bottom:10px;
		float:auto;
	}

}

/* loader par loading.io */
@keyframes lds-ellipsis3 {
  0%, 25% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    left: 100px;
  }
  100% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0%, 25% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    left: 100px;
  }
  100% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes lds-ellipsis {
  0% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  25% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    left: 100px;
  }
  75% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    left: 168px;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis {
  0% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  25% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    left: 100px;
  }
  75% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    left: 168px;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.lds-ellipsis {
  position: relative;
}
.lds-ellipsis > div {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
}
.lds-ellipsis div > div {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f00;
  position: absolute;
  top: 100px;
  left: 32px;
  -webkit-animation: lds-ellipsis 2.7s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  animation: lds-ellipsis 2.7s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}
.lds-ellipsis div:nth-child(1) div {
  -webkit-animation: lds-ellipsis2 2.7s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  animation: lds-ellipsis2 2.7s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  background: #47be41;
}
.lds-ellipsis div:nth-child(2) div {
  -webkit-animation-delay: -1.35s;
  animation-delay: -1.35s;
  background: #32a82c;
}
.lds-ellipsis div:nth-child(3) div {
  -webkit-animation-delay: -0.675s;
  animation-delay: -0.675s;
  background: #22981c;
}
.lds-ellipsis div:nth-child(4) div {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #137f0d;
}
.lds-ellipsis div:nth-child(5) div {
  -webkit-animation: lds-ellipsis3 2.7s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  animation: lds-ellipsis3 2.7s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  background: #47be41;
}
.lds-ellipsis {
  width: 37px !important;
  height: 37px !important;
  -webkit-transform: translate(-18.5px, -18.5px) scale(0.185) translate(18.5px, 18.5px);
  transform: translate(-18.5px, -18.5px) scale(0.185) translate(18.5px, 18.5px);
}


.blockUI.blockMsg.blockPage{
        opacity: 0.8 !important;
}


.content-call .icon-plus-green { display:none; }

/* Nom produit dans bandeau */
.nomProduitBandeau { display:none; }
.fixed .nomProduitBandeau { display:block; padding: 5px 30px 5px 70px; border-bottom:1px solid #eaeaea; font-size:16px; text-align:center }
.fixed .nomProduitBandeau .txt { font-size: 25px; font-family: 'Poppins_Bold', sans-serif; text-transform: uppercase;  vertical-align: top;  color: var(--primarydodter); }

.content-call a.green:after {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 12px;
  background: #5c6369;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Espace fil ariane - titre rubrique */
.content-list h1.product-list {padding-top:35px;}
.content-list .title-container h1.product-list {padding-top:0;}

/* Correction affichage liste multi ref tablette */
.histoCdeSmall {display:none; }
.container-product-info a span.histoCdeSmall {display:none; }
.order-history .histoCdeLarge,.order-history  .histoCdeSmall {text-decoration:underline; }
@media screen and (min-width: 1201px) {
		.other-references .container-amount { min-width: 180px;	}
}
@media screen and (min-width: 1201px)  and (max-width: 1600px){
		.other-references .product-list-table .thead .first { width:47px; }
		.histoCdeLarge { display:none; }
		.histoCdeSmall {display:inline-block; }		
			.other-references .product-list-table .order-history { float:left; }
}

/* Correction affichage tableau nb commandes dans liste multi ref */
.product-list-table .nbcommandes tbody tr, .product-list-table .nbcommandes tbody td { background:transparent; }
.product-list-table .nbcommandes tbody tr { bx-shadow:none; -webkit-box-shadow:none;}
.product-list-table .nbcommandes th { height:auto;}

.touch .zoomContainer {
		display:none !important;
}

/* line 1069, C:/LOCAL/Repositories/GM-DOD/trunk/scss/pages/_comon.scss */
.custom-tooltip .tooltip-inner {
  line-height: 15px;
  background: #fff;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px -1px 20px 0px rgba(0, 0, 0, 0.25);
  color: #1a3046;
  font-size: 12px;
}
.custom-tooltip.top .tooltip-arrow {
  border-top-color: #fff;
}

/* Panier code dod */
.table-basket .h2 { margin-bottom:0; }
.table-basket .panier-gris { 
	color: #888e94;
	font-size: 13px;
	margin-bottom:10px;		
}

/* a175030 */
.page-panier td.dispo p.take {display:none;}

/* unité dans liste produits */
.connected .ct-price-info .price-container span.unite {
	font-size: 16px;
    color: #1a3046;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-weight: bold;
    margin-right: 4px;
    margin-left: 10px;
}

.connected .ct-price-info .price-container span {
	vertical-align: baseline;
}

@media (max-width: 767px) {
	.container-volume .take {
	    margin-top: 0px;
	}
}

/* nuanrec */
.infosTeinte { padding: 7px 15px 10px; background: #f0f0f0; margin: 10px 0 0 0; }
.infosTeinte p { font-size:16px; }
.valTeinte { color: #0ea74f; }
.deleteTeinte { background:#f74848; }
.deleteTeinte:hover { background:#dc3131; }

/* calendrier jour livraison dod / transporteur */
.yui-calcontainer {}
.cal_legend { position:absolute; top:2px; left:2px; font-size:12px; color: black; font-weight: normal;}
.cal_legendBlock { display:inline-block; width:20px; margin-right:4px; height:13px; }
.cal_legendDod { background:var(--primarydod); }
.cal_legendTrspt { background:#fb6363; }

/* loading produit HP */
.pnvLoading { text-align:center; padding:20px; color:#828282; background:#f0f0f0; }

/* loading produit HP */
.pnvLoading { text-align:center; padding:20px; color:#828282; background:#f0f0f0; }
.pnvLoading2 { text-align:center; padding:20px; margin:20px; color:#828282; background:white; }

/* histo commande en rubrique */
.orderHistoryList .order-history, .orderHistoryList .last-order { float:none; text-align:left; }
.orderHistoryList {background:url(cmsimg/picto_assort.jpg) 5px 0 no-repeat; padding-left:32px;margin-top:2px; }
/* en mode grille */
.list-container.grille-products div.product-btn .orderHistoryList {display:block;}
.list-container.grille-products div.product-btn .orderHistoryList .last-order {display:none;}
.list-container.grille-products div.product-btn .orderHistoryList {background:none; padding:0; }
.list-container.grille-products div.product-btn .orderHistoryList a.lnkHistory {background:url(cmsimg/picto_assort.jpg) 0px 0 no-repeat; display:block; width:12px; height: 15px; }
.list-container.grille-products div.product-btn .orderHistoryList a.lnkHistory span {display:none;}
.list-container.grille-products div.product-btn .orderHistoryList {position:absolute; top:3px; left:25px; margin-top:0; }
.orderHistoryList table td {border-top: none;}
.orderHistoryList table th, .orderHistoryList table td {padding: 5px 10px 5px;}

/* logo */
@media (min-width: 1024px)  {
		.logo { width: 213px; }
		.logo img { height: 97px; }		
		.logo img.logo-revendeur { height: /*$DEV_logo  auto;*/ 77px; } /*#DEV_108*/
	}
.content-pre-header { width: calc(100% - 240px); }
@media (max-width: 1150px) {.content-pre-header {   width:calc(100% - 250px)  } }

/* pour lien vers le flipping book */
.libVoirFlippingBook
{
	position: absolute;
	bottom: 2px;
	left: 6px;
	color: white;
	box-shadow: 0 0 4px #000;
	font-size: 13px;
	background: var(--primarydodter);
	padding-left:3px; 
	padding-right:3px;
}

/* pour lien vers la fiche collection */
.libVoirCollection
{
	position: absolute;
	bottom: 2px;
	left: 6px;
	color: white;
	box-shadow: 0 0 4px #000;
	font-size: 13px;
	background: var(--primarydodter);
	padding-left:3px; 
	padding-right:3px;
}


/*** Remises quantitatives ***/
#wrapperRemQte ul.pagination { display:none; }
#wrapperRemQte { display:none; }
#wrapperRemQte .product-list-table th { text-align: left; height: 45px }
#wrapperRemQte .product-list-table thead tr { height: 45px }
#wrapperRemQte .product-list-table tbody { background:white; }
#wrapperRemQte .product-list-table .qte { font-weight:bold;}
#wrapperRemQte .product-list-table .price { font-weight:bold; padding:0; color: var(--primarydodbis);    font-size: 14px;    font-family: 'Poppins_Bold', sans-serif;    line-height: 13px;}
#wrapperRemQte .product-list-table .volume {font-size: 13px; font-family: 'calibri', sans-serif; font-weight: bold; width: 100%;  line-height: 13px;}
#wrapperRemQte .product-list-table thead { -webkit-transform:none; transform:none; }
#wrapperRemQte .product-list-table  { border-collapse:collapse; } 
#wrapperRemQte .product-list-table .aPartirDe { font-style:italic; font-size:0.9em;} 
#wrapperRemQte .quantitative-discounts { padding:10px 23px; background:#133455; margin:0; width: calc(100% - 1px); border-bottom:1px solid white; } 
#wrapperRemQte .product-list-table .thead span { font-weight:normal; } 

/* Bouton radio import liste panier */
.choixProduitImport input[type='radio']
{
  -webkit-appearance: radio;
  -moz-appearance: radio;  
}
.table-importCde tr {     border-top: 1px solid #dce2e8; }
.table-importCde tr table tr {     border-top: 0px solid #dce2e8; }

/* Prix barré liste regroup */
.product-list-table.autre-reference-table .reduc { text-decoration:line-through; display:block;}

@media (max-width: 767px) and (min-width: 0px) {
	#info-price-lot {
		width: 100%;
	}	
}

@media (min-width: 1280px){
	.modal-available-pieces .container-lots {
		width: 1250px;
	}
	#info-price-lot {
		width: 350px;
	}	
}

/*Multi-référence*/
.btn-all-references2 span {
    color: var(--primarydod);
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}
 .btn-all-references2 {
    margin-top:17px;
}
.btn-all-references2 { text-align:center; }
.btnListRef { cursor:pointer; height: 39px; display: inline-block; vertical-align: middle; width: 100%; background: #fff; border: none; margin-top:5px;}
.containerListRef { position:relative;padding-top: 10px;}
.containerListRef .listRef { position:absolute; top:35px; left:5px; width:calc(100% - 10px); min-height:39px; height:auto; z-index:90; color:black;}
.containerListRef .listRef option:hover { background:#ededed;}
.containerListRef .rate{ font-weight: bold;
    display: block;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;}
.containerListRef select
{
    color: #1a3046;
}

.autre-reference-table .pu .volume { display:none; }

.grille-products .containerStockInPrice
{
	display:inline!important;
}
.containerStockInPrice
{
	display:none!important;
}

.containerListRef .listRef {
    left: 20px;
    width: calc(100% - 40px);
    right: 20px;
}

.containerListRef .listRef {
    left: 20px;
    width: calc(100% - 40px);
    right: 20px;
}

.list-container .band-product .containerListRef .listRef {
    left: 0px;
    width: 100%;
    right: 0px;
}

.containerListRef {
    padding-right: 20px;
    padding-left: 20px;
}

.list-container .band-product .containerListRef {
    padding-right: 0px;
    padding-left: 0px;
}

@media (max-width: 1100px)
{
	.containerListRef {
    	padding-left: 0;
    	padding-right: 0;
	}
	.containerListRef .listRef {
	    left: 0px;
	    width: 100%;
	    right: 0px;
	}
}



.container-edit .container-img img { max-width:100%; width:auto;}


/* Icon form contact */

.icon-contact-pnv{ width: 61px;     height: 41px; }
.icon-autre { background:url(cmsimg/demande-autre.png) center center/40px 40px no-repeat; }
.icon-conseil-technique { background:url(cmsimg/demande-conseil-technique.png) center center/40px 40px no-repeat; }
.icon-devis { background:url(cmsimg/demande-devis.png) center center/38px 38px no-repeat; }
.icon-documentation-generale { background:url(cmsimg/demande-documentation-generale.png) center center/40px 40px no-repeat; }
.icon-documentation-produit { background:url(cmsimg/demande-documentation-produit.png) center center/55px 55px no-repeat; }
.icon-newsletter { background:url(cmsimg/demande-newsletter.png) center center/50px 50px no-repeat; }
.icon-candidature { background:url(cmsimg/cv2.png) center center/53px 41px no-repeat; width: 61px;     height: 41px;}


/* facets */
div.carac-MARQ li label span span { text-transform: lowercase; }
div.carac-MARQ li label span span:first-letter { text-transform: uppercase; }
div.carac-FOUR li label span span { text-transform: lowercase; }
div.carac-FOUR li label span span:first-letter { text-transform: uppercase; }


div.carac-REMI li label span span:nth-child(1):after { content:" m\0000B2 /litre"; }


/* home bloc service */
.serviceHomeImg {max-height:70px; max-width:100px;}

/* telecommande */
.icon-casino {background: url(cmsimg/icone-casino-royal.png) center center/40px 40px no-repeat; width: 60px; height: 60px;}
.icon-avion {background: url(cmsimg/icone-avion.png) center center/31px 31px no-repeat; width: 60px; height: 60px;}
.icon-cadeau {background: url(cmsimg/icone-cadeaux.png) center center/32px 26px no-repeat; width: 60px; height: 60px;}
.icon-webpoint { background: url(cmsimg/icone_cadeau.png) center center/27px 28px no-repeat; width: 60px; height: 60px;}
.icon-tutoriel { background: url(cmsimg/dod-picto-information-blanc.png) center center/27px 28px no-repeat; width: 60px; height: 60px;}

/* carrousel home */
/* pour gérer le cas des blocs avec droits qui sont dans des span supplémentaires */
.slick-slide  .itemCarHome { width:100%; }

/* carrousel marque accueil */
.container-brands  .slick-slider {margin-bottom:30px; }

/* menu mon compte */
.icon-contacts {
    background: url(cmsimg/contact.png) center center/20px 20px no-repeat;
    width: 30px;
    height: 30px;
}

@media (max-width: 767px) {
		.product-full-page .nav {
		    top: 108px;
		    width: 100%;
		    height: calc(100vh - 108px);
		    overflow-y: auto;
		}
}

.cms-priceInferieur
{
	color: var(--primarydod);	
}

img.img-picto-mm {width:22px; margin-right:5px;}

/* ajout au panier par URL */
.addEnd { text-align:center;     background: #e3ffe3;    border: 1px solid #a1e2a8; padding:20px; width:100%;}
.addError { text-align: center; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 20px; width: 100%; }
.addWarning { text-align:center; color: #856404;     background-color: #fff3cd;    border-color: #ffeeba; padding: 20px;  width: 100%; }

/* info remise panier */
.msgInfoCart { padding:10px; background:#eee; border:1px solid #dcdcdc; color:black; margin:0 0 20px 0;}

.infoproimport
{
	color:#fd6936;
}

/* modal fp fiche produit */
@media (min-width: 910px) { .modalFP .modal-dialog { width:900px; } }

/* panier gencod */
.panier-gencod p { display:inline; color:#888e94; }
.panier-gencod {margin-bottom:10px; font-size:13px; color:#888e94; }

.btn-see-more-references
{
	width: initial;	
}

/* repris de bootstrap pour gérer le datePicker */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.pnv-lineerr {background:#fff0d9; } 
.pnv-lineerr-rlq2 {background:#ffd4ba; } 
.pnv-lineerr-rlq {background:#ffe1df; } 


/* Ajout GM */
.btn-close-menu{
     display: block;
     position: absolute;
     right: 10px;
     top: -15px;
     width: 50px;
     text-align: center;
}
.btn-close-menu span {
     display: block;
     color: #fff;
     font-size: 50px;
     transform: rotate(45deg);
}


/* Correction pour affichage texte accueil */
@media (max-width: 767px) {
		.ct-main-sold { width:85%; }
}

/* Télécommande : hover on change d'icone */
.telecommandeOuvrir .btn-plus:not(.active) .icon-tool-box {
    background: url(cmsimg/point-trait.png) center center/52px 41px no-repeat; 
}


#exportDivChoice { 
		/*#DEV_200_1*/		
		position:absolute; 
		z-index:10;
		margin-top:7px;     background: #f3f3f3; padding:10px 6px 10px 9px; 
		-webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);   -moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);     box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75); 
}
#exportDivChoice .btn { padding-left:5px; padding-right:5px; height:34px; line-height:30px; text-align: center; background: var(--primarydod); display:inline-block; color:white; margin:5px 3px 5px 0;}
#exportDivChoice .btn:hover { background:var(--primarydod)ad; }

/*#DEV_200_1
@media (max-width: 414px) {
	#exportDivChoice { background:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
}
*/


/* Alignement références multiples dans liste produit */
.multiref-container, .multiref-container select { font-family: Consolas, Monaco, Courrier; font-size:12px; }

/* Docuthèqe */
a#deleteDocSearch {
    font-size: 11px;
    color: #e53421;
    text-decoration: none;
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    background: url(cmsimg/picto-croixrouge.svg) no-repeat left 1px;
    padding-left: 20px;
    margin-right: 10px;
}

/* panier quantité */
.cartQty {     display: inline-block;  min-width: 70px;    width: calc(37% - 10px); }

/* Remise par quantité : indicateur sur les listes */
.promoremqte { background:#133455;}
.txtRemQte { display:none; }
.promoremqte .txtRemQte { display:block;      font-size: 1.5em;    font-weight: normal;     font-family: calibri, Candara;}
.promoremqte .txtPromo { display:none; }

/* Information remise panachée sur panier */
.remPanach p { display:inline; }

/* Lien promo en vert */
.lnkPromo-toutes-les-promotions h2 span { color:var(--primarydod); }
.lnkPromo-tous-les-produits-en-promotion h2 span { color:var(--primarydod); }

/* Correction espace sécables prix panier */
.table-basket .tfoot .price { white-space: nowrap; }

/* Picto video fiche produit  */
img.img-picto-video {    width: 28px;  margin: -3px 3px -3px -3px;}

/* bouton menu nouveautés */
.btn-nouveautes {    background: #1C79D7;   color: white;}
.btn-nouveautes:hover {background:#0768ca;}

/* pour ne pas couper "me deconnecter" */
.btn-access-account .user .assess { white-space: nowrap; }

/* produit en push accueil connecté */
.homepush .volume { display:none; }
.homepush .ct-img { background:white; }   
.homepush .homepushInner { background: #f0f0f0; margin:10px; padding:15px; padding-bottom:0;}  
.homepush .container-product.band {margin-bottom:0;}
.homepushWrapper .txt p {display:inline; }
.connected .homepush  .ct-price-info { padding-left:0; }
@media screen and (min-width:768px) and (max-width: 1280px) {
	.homepush .img-responsive { max-height:80px; margin:auto;}
	.homepush .product-ref, .homepush .product-brand { display:none; }
	.homepush .homepushInner { margin:10px; padding:5px 0 0 0;}  
	.container-orders.homepushWrapper .orders-head .txt { display:inline; line-height:unset;}
	.container-orders.homepushWrapper .orders-head {line-height:23px;}
}
@media (min-width: 768px) {
	homepushWrapper.height-sold {   min-height: 345px; }
}
@media screen and (max-width: 767px) {
	.homepush .ct-img { text-align: center; height: 150px;}	
	.homepush .img-responsive { height:100%; margin:auto;}	
	.homepush .volume { display:inline-block; }
}

@media screen and (min-width: 1280px) { .listProAccueil2 .list-container .band-product {width:calc(33.33333333333333% - 10px); } }
@media screen and (max-width: 1279px) { .listProAccueil2 .list-container .band-product {width:calc(50% - 10px); } }

/* correction pour scroller le méga menu quand petit écran avant la cassure mobile */
.container-nav .ct { overflow-y:auto; }

/* case cnx auto */
.form .container-input-login input {width:225px}
@media (max-width: 1120px) {
	.form .container-input-login input {width:140px}
	.form .container-input-login { position:relative; }
	.form .container-input-login a.mdp { position:absolute;top:-20px;right:10px; }
}

/* A213169 bouton mon compte*/
span.assess.lnkMonCpt { text-decoration:none; }
span.assess.lnkMonCpt a {
    background: var(--primarydod);
    padding: 3px;
    color: white;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 2px;
    display: inline-block;
}
span.assess.lnkMonCpt a:hover  { background:#67c138; }
.btn-access-account:hover .assess.lnkMonCpt a { text-decoration:none; }



.blocFamilleAvecImg .product-link { min-height:190px;}
.blocFamilleAvecImg .product-link { padding-bottom:45px; padding-top:30px; }
.blocFamilleAvecImg .product-link img { margin-bottom:10px; max-width:160px; }


/*A214500 : modif GM pour filtres qui suivent le scroll*/ 
.product-full-page .second-nav.scroll-tab {
	height: calc(100vh - 70px);
    position: fixed !important;
    top: 70px;
	z-index: 8;
}


@media (min-width: 1024px) {		
		.product-full-page .content-list.scroll-filter {
			margin-left: 255px;
		}
}	

#formDmdTarif input[type="radio"] { -webkit-appearance: radio;appearance:radio; -moz-appearance: radio; }

.tarifCol1 { display:inline-block; width:200px;}
.tarifCol2 { display:inline-block; width:145px;}
.tarifCol3 { display:inline-block; width:160px;}
.tarifCol4 { display:inline-block; width:150px;}
.tarifCol5 { display:inline-block; }
.tarifLine { border-bottom:1px solid #dcdcdc; padding-bottom:10px; }
.tarifCol3 select { max-width:160px;}
.tarifLineLast { border-bottom:0px solid white; }

@media (max-width: 1200px) {		
		.tarifCol1 { width:100%; margin-bottom:5px;}
}	

/* A218963 : Logo print fiche produit */
#logoPrintFP { display:none; }
#logoPrintFP img { width:200px;}
@media print {
		#logoPrintFP { display:block; }
}


/* ***** OP Printemps ***** */
/* $OPPRINTEMPS */
/* couleur des boutons */
.panier_classique .a-switch-panier ,
.panier_op .btn-add-to-basket,
.panier_op .btn-checkout,
.panier_op #blocImportCde .btn-send { 		
	background-color: #ff7398 ; 		
}

.panier_classique .a-switch-panier:hover,
.panier_op .btn-add-to-basket:hover,
.panier_op .btn-checkout:hover,
.panier_op #blocImportCde .btn-send:hover  {
		background:#d92d5b;
}

.ligne-cde-opspe { 	background-color: #fbedc3 !important; }

.icon-op { display:none; }
.opPdatliv { display:none; }
.ligne-cde-opspe .icon-op { display:block; margin-top:4px;}
.ligne-cde-opspe .icon-op img { max-width:70px; }
.ligne-cde-opspe .opPdatliv { display:block; font-style:italic; font-weight:200;}


.panier_op .btn-basket .txt  { color:#ea7a20; }
.panier_op .btn-basket .icon-basket { background-color:#ff7398 ; }


.panier_op .a-switch-panier {background-color: var(--primarydod); }
.panier_op .a-switch-panier:hover { background-color:var(--darkerdod);} 
.panier_op .icon-basket .icon-number { 
	border:1px solid #ffc2a4;
	/*
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	*/
}
	
/* bouton de swicth */
.switch-panier { 
		/* temporaire */ display:none; 
		display:inline-block;
		line-height:17px;
		margin-left:10px;
}

.a-switch-panier { 
    padding: 4px;    
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    text-align: center;    
	border-radius:0px;
	color:white;
	/*
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	*/
}

/* en mode mobile */
@media (max-width: 500px) {				
		.a-switch-panier { 
			background: url(cmsimg/icone-panier.svg) left center/31px 23px no-repeat;
		    width: 30px;
		    height: 30px;
			background-size: 23px 23px;
		    -webkit-border-radius: 50%;
		    border-radius: 50%;
		    background-clip: padding-box;
		    position: relative;
		}	
		.a-switch-panier span { display:none;}
}	

/*.opplist .product-list-table .thead td {vertical-align: middle;  } #162*/
/*.opplist td { padding:2px!important;}*/
.opplist .product-list-table .thead {-webkit-transform: none; -ms-transform: none; transform: none; }
.opplist .product-list-table { border-collapse:separate;}
.opplist .product-list-table thead, .opplist .product-list-table tbody { border-spacing:0 2px; }
.product-list-table .thead td.headerDate { text-align:center; width:120px;}

/* calendrier */
.product-list-table  .yui-skin-sam  th, .table-basket .thead .yui-skin-sam tr { height:30px; }
.table-basket .yui-skin-sam .yui-calendar td.calcell a {color: #06c!important;}
.table-basket .yui-skin-sam .calheader { color:black; }
.table-basket .yui-skin-sam { top:-15px; }
.opPcal {position:relative;}
.opCalLib {margin:5px 0 5px 0; text-align:center;}
.opCalLibSelection {margin:5px 0 5px 0; text-align:left;} /* #162 */

/* OP Printemps */
.panier_op .table-basket .tfoot .total span { text-transform: none; }
.panier_op .opspe-txt-ok {
	font-weight: bold;
	color: green !important;
}

.panier_op .opPcal .opspe-txt-ko { color:red !important;}
.panier_op .opspe-txt-ko {
	font-weight: bold;
	color:#f5b8b8    !important;
	border:1px solid #f5b8b8  ; 
	padding:2px 0 2px 0;
}
.panier_op .trTotal .opspe-txt-ko { border:0px solid white; }
.panier_op .opspe-txt-ko:before { content:"\26A0   "; }

.panier_op .price .disabled {
	color: grey !important;
}

.panier_op .tab-panier {
	padding-top: 10px;
	padding-bottom: 10px;
}

.panier_op .qte-ventil {
	border: none !important;
	background-color: #f0f0f0;
	height: 39px;
	padding: 0 10px;
}

.panier_op a.btn-valid-ventil {
	height: 36px !important;
	line-height: 36px !important;
}

.panier_op .zoneVentil {
	float: right;
}

.panier_op .zoneVentil .btn {
	padding-left: 5px;
	padding-right: 5px;
	height: 34px;
	line-height: 30px;
	text-align: center;
	background: var(--primarydod);
	display: inline-block;
	color: white;
	margin: 5px 3px 5px 0;
}

.panier_op span.price {
	width: auto;
	text-align:center;
}

.panier_op .trTotal span.price { text-align:left;}
.panier_op .table-basket .tfoot .trTotal { border-top:1px solid #929292;}
.panier_op .table-basket .tfoot .trTotal .total span { text-transform: uppercase; }
/*.panier_op .table-abstract { margin-right:0; }*/
/* #162... */
.panierOpeTitre
{
	background: #133455;
	font-size: 25px;
	color:white;
	text-align:center;
	padding:5px;
}

.txtPanierPromoExplication p
{
	color:#002060;
	font-weight:bold;
}

.txtPanierPromoASavoir p
{
	color:#002060;
}

.panier_op .titrePanierOPspe
{
	color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.panier_op .opSpeTd4
{
	background-color:#4472C4 !important;
}
.panier_op .opSpeTd4Bis
{
	background-color:#ADB9CA !important;
}
.panier_op .opSpeTitreDatesPostSalonMini
{
	background-color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.panier_op .opSpeTitreDatesPostSalonMini .opSpeTitres1Dates
{
	text-align:center;
}
.panier_op .opSpeTitreDatesPostSalonMini .opSpeTitres2Dates
{
	font-weight: normal;
	text-align:center;
}

.opSpeTitres1Dates
{
	font-weight: bold;
	font-size: 20px;
}
.opSpeTitres2Dates
{
	font-weight: normal;
	font-size: 11px;
}
.panier_op .product-list-table .thead td
{
	text-align:center;
}
.panier_op .table-basket .pu .price .priceHT
{
	color:#fd6936 !important;
}
.panier_op .table-basket .total-price
{
	color:#133455;
}

.panier_op .qteTot
{
	text-align:center;
	font-weight:bold;
}
/* ...#162 */

.logo-expo { display:none; }
.panier_op .logo { display:none; }
.panier_op .logo-expo { display:inline-block; padding-top:2px;}
.opSpeLogoPetit { max-width:80px;}
.a-switch-panier .opSpeLogoPetit {
	-webkit-box-shadow: 0px 0px 2px 1px #ff7398 ;
    -moz-box-shadow:0px 0px 2px 1px #ff7398 ;
	box-shadow: 0px 0px 2px 1px #ff7398 ;
    padding: 2px;
    display: inline-block;
    margin: 2px 0 0 0;
    background: #eeeeee;
    border-radius: 2px;
    }
.a-switch-panier { padding:5px; }
.panier_op .table-basket .tfoot .price * { font-size:.9em;}
@media screen and (max-width: 1023px) {
	.panier_op .qte-ventil { background:white; padding:3px; }
 	.opPqte .col-xs-3 { width:25%; float:left;}
 	.opPqte .col-xs-2 { width:16.666666666%;  float:left;}   
	.table-basket .prix, .table-basket .sous-total { margin-top:0; }	
	.nav-product-sheet.product-sheet-basket li a .v-middle * { font-size:.9em; }
	.panier_op .table-basket .thead, .panier_op .table-basket .tfoot { display:inline-block; }
	.panier_op .table-basket .tfoot { height:200px; }
	.panier_op .table-basket .opSpeTd1, .panier_op .table-basket .opSpeTd2, .panier_op .table-basket .opSpeTd3, .panier_op .table-basket .opSpeTd5, .panier_op .table-basket .opSpeTd6 { visibility:hidden; }  
	.panier_op .opSpeTitreDatesPostSalon { display: none; } /* #162 */
} 
@media (min-width: 1024px) {
	.logo-expo img { height: 87px; width:210px; }
	.header.connected .content-pre-header { width: calc(100% - 230px); }
	.secondHeader.connected .content-pre-header { width: auto; }
	.panier_op .opSpeTitreDatesPostSalonMini { display: none; } /* #162 */
}
@media (max-width: 1280px) { 
	.panier_op .table-basket .tfoot .price  { width:auto;}
	.btn-access-account .user { max-width:160px; }
	.btn-agency.btn-access-account .user { max-width:140px; }
}

.panier_op .modal-ventil .cms-input-qte {width:100%;}
.panier_op .opPqte form { background:#f0f0f0; }
.panier_op .opPqte .wrapperQte { text-align:center; }
.panier_op .opPqte .wrapperQte .qte-ventil { width:60%; background:white;}
.panier_op .opPqte .wrapperQte .btn-valid-ventil { font-size:0.9em; padding:0 5px 0 5px; width:auto !important; float:right; height:35px !important; margin-right:2px;}
.panier_op .opPqte .wrapperQte:last-child .qte-ventil { width:60%; }
.panier_op .opPcal input[disabled] { color:#524e4e!important; background:#cacaca; font-style:italic; }
.panier_op .container-list-columns ul.elem-list li a span.menuCpt { display:none; }

.panier_op #opSpeTitreDates { text-align:center; border-bottom:1px solid white; margin-bottom:0px; color:white; font-style:italic;}
.panier_op .yui-skin-sam .yui-calendar td.calcell.wd6 a, .panier_op  .yui-skin-sam .yui-calendar td.calcell.wd0 a { background:#d2d2d2!important; color:grey!important; cursor:default; } 

.panier_op .table-importCde input[type=text] {
    width: 100%;
    height: 35px;
    display: inline-block;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #808080;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

 /* $A189773 : affichage menu gauche en mobile */
 @media (max-width: 1023px) {
	.page-menu-gauche-visible { display:block; }
	.page-menu-gauche-visible.page-privilege { overflow:auto; }
	.page-menu-gauche-visible.page-voyage { overflow:auto; }
	.page-menu-gauche-visible .second-nav { position:relative; display: block; width: 100%; clear:both;}
	.page-menu-gauche-visible .account-menu li  { display:inline; }
	.page-menu-gauche-visible .account-menu li a { display:inline-block; height:auto; margin:0 5px 0 5px; line-height:auto; padding:0 2px 0 2px; }
	.product-full-page.page-menu-gauche-visible .second-nav.scroll-tab { height:auto; position:relative !important; top:0;} 
}
 
/* A175036 : couleur points privilege voyage */
.page-voyage b { color:#8CC73F; }
.page-voyage #blocspeed {margin-left:0; }
.page-privilege .flip-clock-wrapper ul li a div div.inn {color:var(--primarydod); }
.page-privilege #privilege { background: #FFF url(cmsimg/privilege4.jpg) no-repeat scroll center top / 660px 500px; margin-left:0; }
    
/* A182363 */
.services-container { background: url(cmsimg/visuel-service3.jpg) 0 0/cover no-repeat; }

/* A185795 */
.page-moncompte .menuvcompte .icon-order {  width:90px;  height:90px; background: url(cmsimg/icone-mes-commandes.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-invoice {  width:90px;  height:90px; background: url(cmsimg/icone-factures.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-rate {  width:90px;  height:90px; background: url(cmsimg/icone-tarif.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-product {  width:90px;  height:90px; background: url(cmsimg/icone-mes-articles.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-calendar { width:90px;  height:90px; background: url(cmsimg/icone-calendrier-commande.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-coordinates {  width:90px;  height:90px; background: url(cmsimg/icone-coordonnees.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-contacts {  width:90px;  height:90px; background: url(cmsimg/icone-qui-sommes-nous.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte .icon-parameter {  width:90px;  height:90px; background: url(cmsimg/icone-parametres.svg) center center/90px 90px no-repeat; }
.page-moncompte .menuvcompte h3 {font-size:16px; }
.page-moncompte .menuvcompte .icon {margin-bottom:10px; }

.account-menu li a .icon-contacts {background:url(cmsimg/icone-qui-sommes-nous.svg) center center/20px 20px no-repeat; }
.account-menu .icon-fidelite-pro { height:30px; background: url(cmsimg/icone-avion-bleu.png) center center/20px 20px no-repeat;  }
.page-moncompte .menuvcompte .icon-fidelite-pro { width:90px; height:90px; background: url(cmsimg/icone-avion-bleu2.png) center center/90px 90px no-repeat;  }

.account-menu .icon-fidelite-rev { height:30px; background: url(cmsimg/icone_cadeau_bleu.png) center center/25px 25px no-repeat;  }
.page-moncompte .menuvcompte .icon-fidelite-rev { width:90px; height:90px; background: url(cmsimg/icone_cadeau_bleu.png) center center/90px 90px no-repeat;  }



@media screen and (max-width: 767px) and (min-width: 0px) {
		.page-moncompte .menuvcompte .icon-order {  width:50px;  height:50px; background: url(cmsimg/icone-mes-commandes.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-invoice {  width:50px;  height:50px; background: url(cmsimg/icone-factures.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-rate {  width:50px;  height:50px; background: url(cmsimg/icone-tarif.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-product {  width:50px;  height:50px; background: url(cmsimg/icone-mes-articles.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-calendar { width:50px;  height:50px; background: url(cmsimg/icone-calendrier-commande.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-coordinates {  width:50px;  height:50px; background: url(cmsimg/icone-coordonnees.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-contacts {  width:50px;  height:50px; background: url(cmsimg/icone-qui-sommes-nous.svg) center center/50px 50px no-repeat; }
		.page-moncompte .menuvcompte .icon-parameter {  width:50px;  height:50px; background: url(cmsimg/icone-parametres.svg) center center/50px 50px no-repeat; }
}

/* A209585 */
.concConnected .homepushWrapper .blocdroite { display:none; }
.concConnected .homepushWrapper .container-product.band { width:100%!important;}
.concConnected .homepushWrapper .container-product.band .product-ref { text-align:center; }
.concConnected .homepushWrapper .container-product.band .product-name { text-align:center; }
.concConnected .homepushWrapper .container-product.band .product-brand { text-align:center; }
.concConnected .homepushWrapper .blocdroite { display:none; }


/* A225280 */
.infoCaracCadencier { background: #fff; padding: 2px; border-radius: 2px; font-weight: normal; margin: 0 0 0 5px; font-size: .8em; border: 1px solid #ddd;}

/* correction header mobile */
@media screen and (max-width: 767px) {
	.btn-agency { margin-left:0; }
	.btn-agency .icon-pin-header { width: 30px; height:30px; }
	.content-pre-header .btn-basket .icon-basket { margin-right: 0; }
	.content-pre-header { width: calc(100% - 169px); }
}

/* ****************** */
/* Fidélité revendeur */
/* ****************** */
.bloc-fidelite {
	background-color: #EEEEEE;
	max-width: 1000px;
	margin: 20px 0px 20px 40px;
	padding-top: 10px;
	position:relative;
}
#img-expo-fid { position:absolute; top:28px; right:10px; width:130px; }
@media screen and (max-width: 1000px) { #img-expo-fid {width:90px; top:50px; } }
@media screen and (max-width: 500px) { #img-expo-fid {display:none; } }

.bloc-fidelite > div {
	margin-top: 25px;
	margin-bottom: 25px;
}

.bloc-fidelite .fid-txt-bold {
	font-weight: bold;
}

.bloc-fidelite .fid-txt {
	font-size: 18px;
	color: #192F47;
}

.bloc-fidelite .fid-txt-orange {
	color: #FD6934;
}

.bloc-fidelite .fid-txt-medium {
	font-size: 20px;
}

.bloc-fidelite .fid-txt-big {
	font-weight: bold;
	font-size: 26px;
}

.bloc-fidelite .fid-txt-detail {
	font-size: 12px;
	font-weight: bold;
}

.bloc-fidelite .fid-txt-conditions {
	font-size: 12px;
	color: #777777;
	font-style: italic;
}

/* titre-fidelite */
.bloc-fidelite .titre-fidelite {
	width: 100%;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(204, 204, 204, 1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(204, 204, 204, 1);
	box-shadow: 5px 5px 5px 0px rgba(204, 204, 204, 1);
}

.bloc-fidelite .titre-fidelite .fid-txt-titre {
	font-size: 36px;
	color: #FFFFFF;
}

.bloc-fidelite .titre-fidelite .fid-txt-titre-bold {
	font-weight: bold;	
    font-family: 'Square_721_ex', sans-serif;
	color:black;
}

.bloc-fidelite .titre-fidelite div.ribon {
	position: relative;
	margin: 1em 0px 1em -15px;
	background: #FD6934;
}

.bloc-fidelite .titre-fidelite div.ribon::before {
	content: "";
	position: absolute;
	border-style: solid;
	left: 0;
	bottom: 100%;
	border-color: transparent #A22A00;
	border-width: 20px 15px 0 0;
}

.bloc-fidelite .titre-fidelite div.ribon-content {
	padding-left: 30px;
}

/* fid-detail */
@media screen and (min-width: 1023px) {
	.bloc-fidelite .fid-detail {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 1023px) {
	.bloc-fidelite .fid-detail .fid-bloc-info,
	.bloc-fidelite .fid-detail .fid-txt-detail {
		margin-bottom: 5px;
	}
}

.bloc-fidelite .fid-detail .big-sign {
	color: #FD6934;
	font-weight: bold;
	font-size: 64px;
	text-align: center;
}

.bloc-fidelite .fid-blocs-infos {
	margin-left: 15px;
	margin-right: 15px;
}

.bloc-fidelite .fid-detail .fid-bloc-info {
	border: solid 3px;
	border-color: #192F46;
	font-size: 26px;
	font-weight: bold;
}

.bloc-fidelite .fid-detail .fid-bloc-info-titre {
	background-color: #192F46;
	color: #FFFFFF;
	padding: 5px 0px 8px 0px;
}

/* fid-bloc-comparaison */
.bloc-fidelite .fid-bloc-comparaison {
	background-color: #FFFFFF;
	margin: 0px 30px 0px 30px;
	padding: 10px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(204, 204, 204, 1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(204, 204, 204, 1);
	box-shadow: 5px 5px 5px 0px rgba(204, 204, 204, 1);
}

/* fid-progress-bar */
.bloc-fidelite .fid-progress-bar {
	margin: 0px 20px;
}

.bloc-fidelite .fid-progress-bar .alignleft {
	float: left;
	width: 50%;
	text-align: left;
}

.bloc-fidelite .fid-progress-bar .alignright {
	float: left;
	width: 50%;
	text-align: right;
}

.bloc-fidelite .fid-progress-bar img {
	position:relative;
	z-index:100;
}

.bloc-fidelite .fid-progress-bar img.dimmed {
	opacity: 0.5;
}

.bloc-fidelite .fid-progress-bar .fid-pb-wrapper {
	margin: 0px 84px 0px 42px;
	background-color: #CCC;
	border-radius: 10px;
	padding: 3px;
	position: relative;
	top: 11px;
}

.bloc-fidelite .fid-progress-bar .fid-pb-wrapper>div {
	background-color: #FD6934;
	height: 10px;
	border-radius: 10px;
}

.bloc-fidelite .fid-lien-vitrine {
	margin-top: 10px;
	color: var(--primarydod);
}
#regWebPoint { padding:10px; }
#regWebPoint p,  #regWebPoint h2 { margin:5px 0 5px 0;}
#regWebPoint h2 { font-weight:bold; }

@font-face {
    font-family: 'Square_721_ex';
    src: url("cmsfont/Square_721_Bold_Extended_BT.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.fid-txt a {text-decoration:underline; font-style:italic; }
.fid-txt a:hover {text-decoration:none; }
/* $A227192 */
.custom-tooltip {    white-space:pre-wrap; min-width:150px;}

/*$A228073*/
.propanier strong { background:yellow; }

/* Tarif GED*/
.titre-tarif-ged {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
	color: var(--primarydod);
}

.titre-tarif-dd-ged {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}

.doc-tarif-ged {
	background: #f0f0f0;
	padding: 7px 20px 7px 20px;
	margin-bottom: 5px;
}

.doc-tarif-ged span {
	margin-left: 5px;
}

/*$A230752*/
@media screen and (min-width: 1023px) {	
		.listeFactures .table.order-list .last { height: 35px; line-height: 35px; }
		.listeFactures .table.order-list .tbody tr { height: 35px; }
}

.listeFactures .search-order-form label { font-weight:bold; margin-bottom:5px; display:inline-block;}
.listeFactures .search-order-form .yui-skin-sam { top: 32px; }

.search-order .search-order-form input::-webkit-input-placeholder,.search-order .search-order-form .container-select-box::-webkit-input-placeholder {
    color: #8e8e8e; font-style: italic;
}
.search-order .search-order-form input:-moz-placeholder,.search-order .search-order-form .container-select-box:-moz-placeholder {
    color: #8e8e8e; font-style: italic;
}
.search-order .search-order-form input::-moz-placeholder,.search-order .search-order-form .container-select-box::-moz-placeholder {
    color: #8e8e8e; font-style: italic;
}
.search-order .search-order-form input:-ms-input-placeholder,.search-order .search-order-form .container-select-box:-ms-input-placeholder {
    color: #8e8e8e; font-style: italic;
}
.search-order .search-order-form input::-ms-input-placeholder,.search-order .search-order-form .container-select-box::-ms-input-placeholder {
    color: #8e8e8e; font-style: italic;
}
.search-order .search-order-form input::placeholder,.search-order .search-order-form .container-select-box::placeholder {
    color: #8e8e8e; font-style: italic;
}

/*Lien assortiment header*/
.icon-calendrier-header {
	background: url(cmsimg/icone-calendrier-commande-blanc.png) center center/26px 26px no-repeat;
    width: 26px;
    height: 26px;
}

/* bouton mon assortiment en header */
@media screen and (min-width: 1326px) and (max-width: 1455px) { .btn-docutheque  {margin-left:10%; } }
@media screen and (min-width: 1280px) and (max-width: 1325px) { .btn-docutheque  {margin-left:2%; } }

/* $A241229 : double franco */
.wrapperMsgExplicationFranco { 
	background:#50D7FE; padding:10px; 
	background-color: #1dd3af;
    background-image: -moz-linear-gradient(#5ab02f 0%, #1dd3af);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5ab02f 0%), color-stop(1, #1dd3af));
    background-image: -webkit-linear-gradient(#5ab02f 0%, #1dd3af);
    background-image: -o-linear-gradient(#5ab02f 0%, #1dd3af);
    background-image: linear-gradient(#5ab02f 0%, #1dd3af);
     -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 20px 15px;
    margin-bottom: 30px;
}
.msgExplicationFranco { font-size:1.2em; margin-top:15px; display:block; color:white; }
.wrapperMsgFranco {     
	display: block; 
	padding:10px; 
	margin:10px 10px 10px 10px;
    background: #fd6936;
    color: #fff;
    font-family: 'calibri', sans-serif;
    /*font-weight: bold;*/
    text-align:center;
    font-size: 14px;
    clear:both;
 }

/*A244268*/
.product-full-page .nav.scroll-tab { z-index:9; }
footer.footer { position:relative; z-index:10; }

 /* FUSIONPANIER */
 .icon-fusion img { width:21px; }
.lnkFusionLignes .icon-fusion { display:inline-block; margin-right:3px; }
.lnkFusionLignes {
    text-align: center;
    border: 1px solid var(--primarydod);
    color: var(--primarydod);
    background:#efefef;
    display: inline-block;
    margin-bottom: 0px;
    padding:5px;
    border-radius:5px;
    font-weight:bold;
    position:relative;
}
.lnkFusionLignes:hover { background:var(--primarydod); color:white; }
.lignePanier.ligneFusionner { background:#fbeacd!important;}
.fusionIndicateur { position:absolute; top:-30px; left:15px; width:60px; height:22px; padding:2px; border:1px solid grey; background:#efefef; text-align:center; font-size:.9em; display:none; font-weight:normal; color:black!important; }

 /* A245277 correction print FF pour la page produit */
@media print {
		main.main { display:block!important; }
}

/* 174082 */
.container-nav .content-nav .nav-sublink {padding:3px; border-bottom:1px solid rgba(255, 255, 255, .4); }
.elem-list li, .sub-elem-list {break-inside:avoid; }

/* fix filtre larges */
.second-nav {z-index:1; }


/* FILTREASSR Filtre mon assortiment */
.container-select-box.carac-ASSR { background:none!important; padding-left:30px;}
.container-select-box.carac-ASSR .select-box-selected { background:none!important; padding-left:5px; }
.container-select-box.carac-ASSR .icon-arrow-select, .container-select-box.carac-ASSR .select-list { display:none!important; }
.container-select-box.carac-ASSR .select-box-selected:before {
	background-color:white;
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 5px;
    border: 1px solid #1A3046;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.container-select-box.carac-ASSR.active .select-box-selected:before { 
	background-image: url(cmsimg/sprite-select-box.png); 
	background-position: 0 -16px;
	background-repeat:no-repeat;
}

/* A246164 */
.icon-tarif-blanc {
    background: url(cmsimg/icone-tarif-blanc.png) center center/27px 27px no-repeat;
    width: 60px;
    height: 60px;
}



@media (max-width: 1279px) {
	header .btn-docutheque { margin-left:4%; }
}
@media (min-width: 1401px) {
	header .btn-docutheque { margin-left:7%; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
	header .btn-docutheque { margin-left: 2%; }
}

/* A251007 - couleurs filtres */
.carac-NEW:not(.icon) , .carac-NEW *:not(.icon) { background-color:#1C79D7 !important; color:white!important;}
.carac-PROR:not(.icon) , .carac-PROR *:not(.icon) { background-color:#fd6936 !important; color:white!important;}
.carac-DEST .select-list * , .carac-DESL .select-list * { background-color:black; color:white!important; }
.carac-DEST .select-box-selected  , .carac-DESL .select-box-selected  { background:#000 url(cmsimg/bg-destockage.svg) right bottom no-repeat !important; color:white!important; }
.carac-DEST.container-select-box .select-list .check-box .label-check::before , .carac-DESL.container-select-box .select-list .check-box .label-check::before { border:0px solid #bbbbbb; }
.carac-NEW.container-select-box .select-list .check-box .label-check::before , .carac-NEW.container-select-box .select-list .check-box .label-check::before { border:0px solid #bbbbbb; } /*$1591241*/
.carac-PROR.container-select-box .select-list .check-box .label-check::before , .carac-PROR.container-select-box .select-list .check-box .label-check::before { border:0px solid #bbbbbb; } /*$1591241*/
/* fix z index nav filtres */
.product-full-page .nav { z-index:9; }
.second-nav { z-index:8; }


/*A251006*/
.breadcrumb ul.breadcrumb-sub-list { padding-left:40px;}
.breadcrumb ul.breadcrumb-sub-list li a span { font-weight:200;}



/*#71*/
#msgPanierConfirm { 
	display:none;
}
#msgPanierConfirm .innerConfirm { 
	width:60%;
	margin:auto;
	background:#e6e6e6; 
	color:white;  
	height:18px;
	border-radius:5px;
	position:relative; 
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
} 
#msgPanierConfirm .progressBar {
	width:100%;
	height:18px;
	border-radius:2px;	
	margin:5px 0 5px 0;
	background:#49b315 ;
}
#msgPanierConfirm .infosBarre {
    position: absolute;
    color: black;
    top: 2px;
    left: 105px;
    text-align: center;    
    background: #e6e6e6;
    width: 35%;
    font-size: 0.8em;
    border-radius: 3px;
    margin: auto;
    opacity:.8;
}

/* #73 */
.direct-add:before { content:"Pour utiliser l'ajout rapide d'article au panier merci d'utiliser un navigateur moderne, comme Edge, Chrome ou Firefox."; color:#6b6e71;}
.direct-add:after { background-color:white;}
.direct-add .direct-add-title, .direct-add .cms-formulaire { display:none!important; }

.zoneReduc .direct-add:before { content:""; }
.zoneReduc .direct-add .direct-add-title, .zoneReduc .direct-add .cms-formulaire { display:inline-block!important; }
.zoneReduc .direct-add:after { background-color:#1a3046;}

@supports (display: grid) {
   /* styles for browsers that support display: grid */
   .direct-add:before { content:""; }
  .direct-add .direct-add-title, .direct-add .cms-formulaire { display:inline-block!important; }
  .direct-add:after { background-color:#1a3046;}
}

/* #DEV_76 */
.remiseDestockage { 
	position: absolute;
	z-index: 5;
    background: white;
    opacity: 0.95;
    display: inline-block;
    color: #FD6936;
    font-weight: bold;
    top: -12px;
    width: 37px;
    text-align: center;
    left: -20px;
    font-size: 1.1em;
    border-radius: 6px;
}
.product-deccription-container .remiseDestockage { top:9px; left:-1px; }

/* #DEV_83*/
.infoStatutRemise { display:none; }
.destockage .infoStatutDestockage { display:block; display:inline-block; background:black; color:#fcef93!important; padding:2px 4px 2px 4px; border-radius:4px!important; font-size:11px!important; font-weight:normal!important; font-family:calibri!important;}
.promo .infoStatutPromo { display:block; display:inline-block; background:#fd6936; color:white!important; padding:2px 4px 2px 4px; border-radius:4px!important; font-size:11px!important; font-weight:normal!important; font-family:calibri!important;}


/* #DEV_1477123 */
.lienVersProduitsEquiCompl2 { position:absolute; bottom:-40px; font-weight:bold; left: calc(50% - 25%); font-size:14px; }
@media (max-width: 767px) {	.lienVersProduitsEquiCompl2 { display:none!important;} }
.add-list.lienVersProduitsEquiCompl { padding:5px;  color:#FD6936;  display:inline-block;}
.container-product-info .add-list.lienVersProduitsEquiCompl span { color:#FD6936; }


/* */
.speValidite { display:none; }
.listeValidites .speValidite { display:inline-block!important; }
.listeValidites .speMotTarif { display:none; }


/*$1498992*/
.page-panier-opspe #introPanier { display:none; }

#popupExpo img {max-width:100%; }


/* #DEV_81 */
.modal-spe {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0; 
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-spe-overlay {
display:none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:black;
  opacity:.5;
}
@media (min-width: 767px) {
	.listeProduitsPromoPanier .band-product { width:calc(33% - 10px); }
}
#modalPromoCadencier .modal-title-spe { text-align:center; font-size:1.4em; font-weight:bold;}
#modalPromoCadencier .modal-dialog-spe { position: relative; margin: 20% auto; max-width:95%; width:1100px; margin-top:2%; }
#modalPromoCadencier .modal-content-spe { 
	position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    height: 100%;
    padding: 15px 30px 15px 30px;
}
#modalPromoCadencier .modal-body-spe { margin-top:20px; position:relative; }
#modalPromoCadencier .btn-annul { float:left; margin-top:10px;  }
#modalPromoCadencier .btn-annul a {text-decoration:underline; }
#modalPromoCadencier .btn-valid { float:right; max-width:400px;}

#modalPromoCadencier .container-product.band .ct-img { height:120px; }
#modalPromoCadencier .volume { font-size:12px; }
#modalPromoCadencier .list-container .band-product { margin-bottom:10px; }
#modalPromoCadencier .list-container .container-amount { margin-bottom:5px; }
#modalPromoCadencier .btn-add-to-basket { height: 40px; line-height: 38px; }
#modalPromoCadencier .btn-valid-cart { padding:0 5px;}


@media (max-width: 766px) {
	#modalPromoCadencier .ct-price-info { margin-top:0; }
	#modalPromoCadencier .container-product.band { padding-bottom:2px; }
	#modalPromoCadencier .container-product.band .ct-img { height:100px; }
	#modalPromoCadencier .product-ref { display:inline-block; }
	#modalPromoCadencier .product-brand { display:inline-block; padding-left:6px;}
	#modalPromoCadencier .product-brand:before { width:10px; height:1px; background:grey; position:absolute; top:3px; left:0; }
	#modalPromoCadencier .hidden-sm { display:none; }
	
}

@media (max-width: 500px) {
	#modalPromoCadencier .btn-checkout .txt { font-size:12px; }	
}

/*DOD_POPUP_DRIVE*/
@media (max-width: 767px){ .modal-quantity#popupDrive .modal-dialog { width: 97%!important;} }
#popupDrive .modal-dialog img {max-width:100%; }

/*#DEV_108*/
.wrapper-revendeur .hideRevendeur { display:none; }
.showRevendeur, .showRevendeurInline { display:none; } /*#DEV_logo*/
.wrapper-revendeur .showRevendeur { display:block!important; }
.wrapper-revendeur .showRevendeurInline { display:inline-block!important; }  /*#DEV_logo*/
.wrapper-revendeur.panier_op .showRevendeurInline { display:none!important;}  /*#DEV_logo*/


/*#DEV_110*/
.dod-tuto { position:absolute; cursor:pointer; background:url(cmsimg/dod-picto-information.png) center center/24px 24px no-repeat; width:24px; height:24px; }
.dod-tuto:hover { opacity:.7; }
.lnkniv1 .dod-tuto { right:20px; top:10px; }
.menuvcompte a .dod-tuto {     bottom: 15px; left: calc(50% - 12px); display:none;}
@media (min-width: 1280px) and (max-width: 1550px) { .menuvcompte a .dod-tuto {     bottom: -10px; } } 
#cms-modalTuto .modal-dialog { width:620px; }
@media (max-width: 767px) {
	#cms-modalTuto .modal-dialog { width:98%; }
	#cms-modalTuto .modal-dialog iframe { width:100%; }
	.menuvcompte a .dod-tuto { display:block; }
}

.pageNouveautes .afficherSiNouveautes {display:inline!important; }

/*1524532*/
.nav-scroll .btn-discount, .nav-scroll .btn-clearance {
		height: 44px;
		line-height: 47px;
}
.icon-clearance { width: 23px; height: 23px; }

.nav-scroll .btn-clearance { color:black; background: #fdfd00 url(cmsimg/bg-destockage3.png) right bottom/54px 54px no-repeat; }
.nav-scroll .btn-clearance:hover {  background: #fdfd00 url(cmsimg/bg-destockage3.png) right -100% bottom/54px 54px no-repeat; }
.carac-DEST .select-box-selected, .carac-DESL .select-box-selected {
    background: #fdfd00 url(cmsimg/bg-destockage3.png) right -7% bottom/41px 41px no-repeat !important;
    color: black!important;
}

/*#DEV_115*/
.lien-video .cms-liendoc .txt span { display:none; }
.lien-video .cms-liendoc .txt {  background: url(cmsimg/video-vert.png) center center/45px 45px no-repeat;  height: 54px; width: 54px; }

.blocCarteTexte .cms-gmap { width:95%!important; }

/*$1529890*/
.form-search-product .search-box:before { background:none; width:0; display:none; }
.form-search-product .search-box { width: calc(100% - 20px)!important; } 

/*$1529851*/
.product-full-page .nav {  -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }


/*$1530508*/
.your-shippings-container.adresse-container { padding:7px; height:130px;}
.container-shipping { margin-top:20px; margin-bottom:0;}
.shipping-confirmation { margin-bottom:0; }
.ref-cmde label { margin-top:10px; }

/*$1521541*/
.networks { display:inline-block; float:right;}
.networks a:after{ display:none; }
.networks a { padding:0; }
.networks a:first-child { padding-left:10px; }
.networks img { width:35px;}
.networks img:hover { opacity:.8;}
@media (max-width: 871px) { .networks { display:none; } }

/* #DEV_121 $1521527 */
.horsEnlevement { font-style:italic; }

/* #DEV_123 */
.blocFamilleAvecImg .product-link { padding-top:30px; }
.blocFamilleAvecImg .product-link a {padding:0; }
.blocFamilleAvecImg .inner-link { display:block; background: white; background-color:rgba(255, 255, 255, 0.8); padding: 10px; }
.list-container .blocFamilleAvecImg  .icon-product-arrow-right {  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45);}

/*$1537096*/
.container-volume  .lienTeinte { width:70%; float:left; }
.container-volume .container-amount .cmt { float:right; width:20%; margin-right:0; }
.container-volume .container-amount .cmt .cmt-icon { float:right;  }


/*Style destockage $1477206 */
	/* icone */
	.icon-clearance2 { background: url(cmsimg/bandeau_dest3.png) center center/100px 100px no-repeat; width: 100px; height: 100px;}
	.remiseDestockage { transform: rotate(-44deg); font-size: 1.0em; top:27px; left:10px; }
	.product-deccription-container .remiseDestockage {    top: 11px;  left: -1px; }
	.product-deccription-container .icon-clearance2  {  position:absolute;  top: -26px;  left: -23px; }
	.container-product.band .ct-product .icon-absolute .icon-clearance2 { position: absolute; top: 10px; left: 10px; }


		@media (max-width: 1024px) {
		    .container-product.band .ct-product .icon-absolute {
		         top:-20px; left:-20px;
		    }
		}

	/* couleur bloc */
	.container-product.destockage , .container-product.destockage .ct-price-info { background:#fcef93; }
	.container-product.destockage .product-ref , .container-product.destockage .product-brand  { color:#676767; }
	.container-product.destockage .product-btn .btn-add-fav { color:#dc521c; }
	.container-product.destockage .product-btn .btn-add-fav { color:#dc521c; }


 /*#DEV_125*/
#complementary-products .container-product-ascent  { margin-top:10px; margin-bottom:0; }

@media (max-width: 575px) { 
	.produitsComplementaires .band-product { width: calc(100% - 10px);  }
}
@media (min-width: 576px) and (max-width: 767px) {
	.produitsComplementaires .band-product { width: calc(50% - 10px);  }
}
@media (min-width: 768px) and (max-width: 1039px) {
	.produitsComplementaires .band-product { width: calc(33% - 10px);  }
}
@media (min-width: 1040px) and (max-width: 1279px) {
	.produitsComplementaires .band-product { width: calc(25% - 10px);  }
}
@media (min-width: 1280px) and (max-width: 1550px)  { 
	.produitsComplementaires .band-product { width: calc(20% - 10px);  }
} 
@media (min-width: 1551px) {
	.produitsComplementaires .band-product { width: calc(16% - 10px);  }
} 
.produitsComplementaires .band-product {  padding-bottom:5px 5px 0 5px; margin-bottom:0; }
.produitsComplementaires .list-container .container-amount { margin-bottom:0; }
.produitsComplementaires .container-amount .amount { float:left; margin-right:4px;  width: calc(23% - 10px);  }
.produitsComplementaires .ct-price-info .btn-add-to-basket { display:inline-block; height: 38px; line-height: 36px; padding-left:5px;}
.produitsComplementaires .ct-price-info .btn-add-to-basket .icon {  margin-right: 10px; }
.produitsComplementaires .container-amount .conditioning { width: calc(59% - 10px); float:left; margin-right:2px; }
.produitsComplementaires .container-product.band .ct-img { height:110px; }
.produitsComplementaires .ct-price-info .rate { font-weight:normal; }

.produitsComplementaires .volume { display:none; }
.produitsComplementaires .list-container .ct-price-info .price-container { min-height:40px; }

/*#DEV_126*/
.filtreRubrique { padding:0 0 10px 0; border-bottom:1px solid #e6e6e6; margin-bottom:10px; width:800px; max-width:95%;}
.filtreRubrique .wraper-menu-filtre { margin:0; }
.filtreRubrique h2 { font-weight:bold; font-size:16px; }

/*$1565320 assistance*/
.content-call a.btn-assistance {
    height: 32px;
    line-height: 16px;
    color: white;
    padding: 8px;
    padding-left: 30px;
    background: #5EB130 url(cmsimg/picto_main_blanche2.png) 5px center no-repeat;
    background-size: 17px;
    border-radius: 6px;	    
}
.content-call a.btn-assistance:after { display:none;}
.content-call a.btn-assistance:hover { text-decoration:none; background-color:#78c74d; }
@media (max-width: 1070px) 
{
    .content-call a.contact.last { display: none !important; }
}

/*$1569209*/
.pageNouveautes .icon-clearance2 { display:none; }
.pageDestockage .icon-clearance2 {
    top: -10px;
    background: url(cmsimg/bandeau_dest3.png) center center/100px 100px no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index:8;
    left: -5px;
    transform: scale(0.8);
}
.pageDestockage .blocFamilleAvecImg .inner-link { padding:10px 40px; }




/* Saisie rapide multiple */
.wrapperImportCde { padding: 10px!important;border: 1px solid #e4e4e4;background: #f0f0f0; display:none;}
.lignesSaisieRapide .row { margin-bottom:0;}
.lignesSaisieRapide .form-control { height:40px; padding:7px; color:black; font-size:14px; border:1px solid #ddd;}
.labelCodeImport, .labelQteImport { text-align:center; font-weight:bold; }
.fInputRecherche { width:65%; } 
.tfQuantite { width:30%; } 
.ligneEnteteImport { margin-bottom:5px;}
.wrapperLien5more {width:30%; float:left; padding-top:10px; }
.wrapperLien5more a {font-weight:bold; text-decoration:underline; cursor:pointer;}
.wrapperLien5more a:hover { text-decoration:none;}
.ligneEnteteImport { font-size:.9em; }
.wrapperBtnImport { width:300px; margin:auto;}
.ligneCodeQte { display:none;}
.rechProAutoComplete {width:auto!important;}

/*$1591241*/
.container-select-box.carac-DESL .select-list .speNumberValues { display:none!important; }
.speFiltreDestockageActif .label span.speNumberValues {display:none;}


/*$1595785*/
/*.container-slide-nav .slick-slide:nth-child(1) { margin-left: 0!important; }*/
/*.slick-slide img.img-responsive { max-width:100%!important; }*/

/*$1596260*/
.zoomContainer {max-width: 22%!important; }

/*$1595954*/
.container-brands .container-slider { background:none!important; }

/*$1595867*/
nav.second-nav.content-height.scroll-tab {overflow-y: /*$1591241 auto;*/ visible; }

/*$1581811*/
.icon-rapide {
    background: url(cmsimg/picto_rapide6.png) center center/25px 27px no-repeat;
    width: 25px;
    height: 27px;
}

/*$1581811*/
.page-moncompte .menuvcompte .icon-fav-blue {
    width: 90px;
    height: 90px;
    background: url(cmsimg/icone-article-fav-bleu.svg) center center/90px 90px no-repeat;
}


/* $1597640 */
#pageTutorielsVideo .wrapperFilters { display:none; }

/* $1499608 */
#popupRev .modal-dialog { width: 40vw!important;} 
#popupRev .modal-dialog img {max-width:100%; }
@media (max-width: 900px){ 
		#popupRev .modal-dialog { width: 97%!important;} 
}
#popupPro .modal-dialog { width: 40vw!important;} 
#popupPro .modal-dialog img {max-width:100%; }
@media (max-width: 900px){ 
		#popupPro .modal-dialog { width: 97%!important;} 
}



/* 1542697*/
.bloc3blocs { width:33%; float:left; }
@media (max-width: 767px){ 
		.bloc3blocs { 
				width:100%; 
				margin-bottom:10px; 
			}
}
.page3blocs .content-list {width:100%; }
.page3blocs .content-list.scroll-filter { margin-left:0!important; }
.page3blocs .bloc-fidelite  { margin-left:auto!important; margin-right:auto!important; }
.page3blocs .container-moinslarge  { max-width:1000px; margin:auto; }
.page3blocs .bloc-fidelite-carrousel  { margin-top:20px; margin-bottom:30px;}

.bloc-fidelite-carrousel .slick-list { height:200px; }
.bloc-fidelite-carrousel .slick-track { height:100%; }
.itemCarWebPoint .btn-sold-slider { height:100%; position:relative; }
.itemCarWebPoint .btn-sold-slider img { top:20px; max-height:170px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);		-ms-transform: translateX(-50%);      transition: all 0.5s ease 0s; }
.itemCarWebPoint .btn-sold-slider:hover img {transform: scale(1.2) translateX(-40%) ; -ms-transform: scale(1.2) translateX(-50%); }
.itemCarWebPoint .btn-sold-slider span {position:absolute;bottom:0;left:0;background:linear-gradient(to right,#000000 10%,#403a3b 90%);color:white;left:50%;transform: translateX(-50%);  -webkit-transform: translateX(-50%);		-ms-transform: translateX(-50%); font-size:12px;padding:10px;font-weight:bold;}

.page3blocs .container-video { margin:30px 0 0 0;}

.page3blocs .product-list { width: 100%!important;}
.page3blocs .product-list .txt { line-height:37px; display: block;  width: 100%;}

.slider-expo .slick-prev:before { background: url(cmsimg/icone-fleche-gauche-bleu.svg) center center/9px 17px no-repeat; }
.slider-expo .slick-next:before { background: url(cmsimg/icone-fleche-droite-bleu.svg) center center/9px 17px no-repeat; }
@media (max-width: 767px){  .slider-expo { padding: 0px 30px; } }
.slider-expo .slick-next,.slider-expo .slick-prev { width: 17px; height: 17px; text-align: center; }
.slider-expo .slick-next:before,.slider-expo .slick-prev:before {    content: "";    width: 9px;    height: 17px;    display: inline-block; }
.slider-expo .slick-prev { left: 5px; }
.slider-expo .slick-next { right: 5px; }


/*#DEV_152*/
.speLienSuiviHeppner { font-weight:normal; text-decoration:underline;}
.speLienSuiviHeppner:hover { text-decoration:none;}
.speLienSuiviExpedition { background:url(cmsimg/camion.png) center left/24px 24px no-repeat ; padding-left:30px; }
#speModalHeppner .modal-dialog { width: 1250px!important; height:700px; margin-top:4%;} 
#speModalHeppner .modal-dialog img {max-width:100%; }
@media (max-width: 1249px){ 
		#speModalHeppner .modal-dialog { width: 97%!important; } 
}

/*#DEV_162*/
.blocImgSpeFou {
		position:relative;
		display:inline-block;
}
.btnImgSpeFou
{
		background-color:var(--primarydod);
		padding:7px;
		color:white;
		opacity: 0%;
		transition: 0.3s;
		width:80%;
		max-width:200px;
		position:absolute;
		top:105%;
		left:50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		text-align:center;
		font-weight:bold;
}
.blocImgSpeFou:hover .btnImgSpeFou
{
		top:40%;
		opacity: 100%;
}

.blocImgSpeFou:hover .imgSpeFou
{
		opacity: 0.5;
}

.bloc3blocs:nth-child(1) .btnImgSpeFou { background-color:#5EB130 ; }
.bloc3blocs:nth-child(2) .btnImgSpeFou { background-color:#009FE3 ; }
.bloc3blocs:nth-child(3) .btnImgSpeFou { background-color:#BD6089; }

/*
 .expo-actif .bloc3blocs:nth-child(2) .btnImgSpeFou { background-color:#f28a28 ; }
 .expo-actif .bloc3blocs:nth-child(3) .btnImgSpeFou { background-color:#c19d04 ; }
 .expo-actif .bloc3blocs:nth-child(4) .btnImgSpeFou { background-color:#27abe3 ; }
*/
 .expo-actif .page3blocs .container-remote-control { top:250px!important; }

/* #DEV_162 */
.expo-actif .remote-control { display:none;} 
.expo-actif .telecommandeExpo { display:block!important; background:var(--primarydod);} 
.expo-actif .container-remote-control { bottom:200px; }
#lienVideoExpo {display:block; background: url(cmsimg/video-vert.png) center center/45px 45px no-repeat; height: 60px; width: 60px; cursor:pointer;}
@media (max-width: 767px) { #lienVideoExpo { height: 50px; width: 50px;} }
#lienVideoExpo:hover { transform:scale(1.2); }
#lienVideoExpo span { display:none; }

/* #DEV_181 */
.dod-salonpro .remote-control { display:none;} 
.dod-salonpro .telecommandeSalonPro { display:block!important; background:var(--primarydod);}
.dod-salonpro .container-remote-control { top:280px; }
#lienVideoSalonPro {display:block; background: url(cmsimg/video-vert.png) center center/45px 45px no-repeat; height: 60px; width: 60px; cursor:pointer;}
@media (max-width: 767px) { #lienVideoSalonPro { height: 50px; width: 50px;} }
#lienVideoSalonPro:hover { transform:scale(1.2); }
#lienVideoSalonPro span { display:none; }

.lnkAccesVitrine { text-decoration:underline; cursor:pointer;}
.lnkAccesVitrine:hover { text-decoration:none;}

/* #DEV_162 - panier expo */
.qte-ventil { background:#eee!important; }
.opPqte { padding:0!important; width:48%; height:100%;}
.insideOpPqte { height:100%; position:relative;}
.opPqte form { width:100%;  height:100%; }
.opPqte table { width:100%;  height:100%; }
.opPqte table td { width:25%!important; height:100%; }
.opPqte table td .wrapperQte { height:40px;}
.spePeriodeActive1 thead td.opSpeColDate1 { background:#35c039!important;}
.spePeriodeActive2 thead td.opSpeColDate2 { background:#35c039!important;}
.spePeriodeActive3 thead td.opSpeColDate3 { background:#35c039!important;}
.spePeriodeActive4 thead td.opSpeColDate4 { background:#35c039!important;}

 @media (max-width: 1023px) { 
	.insideOpPqte tbody tr { width: 100%!important; }
 	.opPqte table td { width:100%!important;  }
}

.panier_op .spePeriodeActive1 tfoot .opPqte td.opSpeColDate1,
.panier_op .spePeriodeActive2 tfoot .opPqte td.opSpeColDate2,
.panier_op .spePeriodeActive3 tfoot .opPqte td.opSpeColDate3,
.panier_op .spePeriodeActive4 tfoot .opPqte td.opSpeColDate4  { background:#35c039!important;}

/*.panier_op .speAuMoinsUnePeriodeActive tfoot .opPqte  td { background:white!important;}
/*.speAuMoinsUnePeriodeActive  td.produit, .speAuMoinsUnePeriodeActive  td.prix, .speAuMoinsUnePeriodeActive  td.qteTot, .speAuMoinsUnePeriodeActive  td.sous-total,*/
.spePeriodeActive1 .opPqtebody table td.opSpeColDate1,
.spePeriodeActive2 .opPqtebody table td.opSpeColDate2,
.spePeriodeActive3 .opPqtebody table td.opSpeColDate3,
.spePeriodeActive4 .opPqtebody table td.opSpeColDate4{ background:#f1fbef!important;}
.spePeriodeActive1 .opPqtebody table td.opSpeColDate1 input { background:white!important; border:1px solid #ddd!important;}
.spePeriodeActive2 .opPqtebody table td.opSpeColDate2 input { background:white!important; border:1px solid #ddd!important;}
.spePeriodeActive3 .opPqtebody table td.opSpeColDate3 input { background:white!important; border:1px solid #ddd!important;}
.spePeriodeActive4 .opPqtebody table td.opSpeColDate4 input { background:white!important; border:1px solid #ddd!important;}
 { background:#eaf7e8!important;}
.panier_op .opPqte .opspe-txt-ko { color: #b50d0d !important; border: 1px solid #b50d0d; }
.opSpeTd4, .opSpeTd5, .opSpeTd6, .opSpeTd7 {  width:12%;}   
.tableOpSpe { height:1px; } /* ignoré mais nécessaire pour le height:100% de insideOpPqte */
.opplist .product-list-table thead, .opplist .product-list-table tbody, .opplist tr { border-spacing:0 0px; border-collapse: collapse;}
.opplist tbody tr { border-bottom:1px solid #eee; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;}
.opplist tfoot .opPqte tbody tr { border-bottom:0px solid #eee;}
.panier_op .tfoot .opPqte .price span { color:white;}
.opplist .product-list-table { border-collapse:collapse; }

.panier_op .product-list-table .thead ._opSpeTh4, .panier_op .product-list-table .thead .opSpeTd4 { background-color: #4472C4; }
.panier_op .product-list-table .thead ._opSpeTh5 { background-color: #ADB9CA; }
.panier_op .product-list-table .thead .opSpeTd5, .panier_op .product-list-table .thead .opSpeTd6, .panier_op .product-list-table .thead .opSpeTd7 { background-color: #484B50; }
.opCalLibSelection { color:white; }
/*.speAuMoinsUnePeriodeActive  .product-list-table .thead ._opSpeTh1, .speAuMoinsUnePeriodeActive  .product-list-table .thead ._opSpeTh2, .speAuMoinsUnePeriodeActive  .product-list-table .thead  ._opSpeTh3, .speAuMoinsUnePeriodeActive  .product-list-table .thead  ._opSpeTh8,
.speAuMoinsUnePeriodeActive  .product-list-table .thead .opSpeTd1, .speAuMoinsUnePeriodeActive  .product-list-table .thead .opSpeTd2, .speAuMoinsUnePeriodeActive  .product-list-table .thead  .opSpeTd3, .speAuMoinsUnePeriodeActive  .product-list-table .thead  .opSpeTd8,
.speAuMoinsUnePeriodeActive  .product-list-table .tfoot .opSpeTd1, .speAuMoinsUnePeriodeActive  .product-list-table .tfoot .opSpeTd8
{ background:#35c039; }*/
 .speAuMoinsUnePeriodeActive  .product-list-table .thead  ._opSpeTh9 , .speAuMoinsUnePeriodeActive  .product-list-table .thead  .opSpeTd9 { background:white; }
  
 .panier_op .product-list-table .thead {background:white; }
 .product-list-table .thead td._opSpeTh9 { background:white; }
 
 .txtPanierPromoExplication {clear:both; padding-top:10px;}
 .txtPanierPromoASavoir p { font-style:italic; }
 .txtPanierPromoASavoir p.pASavoir1 { padding-left:45px; background: url(cmsimg/ampoule.png) 10px center no-repeat; }
 .txtPanierPromoASavoir p.pASavoir2 { padding:10px 0 10px 45px; background: url(cmsimg/2ampoules.png) left center no-repeat; }

.container-full .list-product .opplist  .btn-checkout-top {margin-right:0; }
.opplist .direct-add:after { margin:0; }
@media (max-width: 1379px) { .opplist .opSpeTitrePostSalon { margin-bottom:14px; } }
.opplist .product-list-table .thead tr.ligne1 td { padding-bottom:0; }
.opplist .table-abstract { margin-right:20px; }
.opplist .table-basket .tfoot .trTotal  td { height:54px; }
 /* #DEV_162 logo expo */
 @media (min-width: 1024px) { .logo-expo img { height: 67px; } }
 @media (max-width: 1024px) { .expo-actif .logo img { height: 31px; } }
#img-expo-fid { top: 41px; }

#popupActivationExpo img { max-width:100%; cursor:pointer;}


tbody .insideOpPqte table tbody { position:relative; }
tbody .insideOpPqte table tbody:before { position:absolute; content:""; width:95%; left:2%; height:1px; top:15px; border-top:1px solid #f1b93a; }
tbody .insideOpPqte table tbody:after { position:absolute; content:""; width:95%; left:2%; height:1px; bottom:10px; border-top:1px solid #f1b93a; }
tbody  .opPqte .insideOpPqte table tbody .wrapperQte .btn-valid-ventil { position:absolute; left:50%; bottom:15px; width:60px!important; text-align:center; transform:translateX(-30px); }
@media (max-width: 1023px) { 
		tbody  .opPqte .insideOpPqte table tbody .wrapperQte .btn-valid-ventil {left:100%; bottom:42%; }
}
tbody .insideOpPqte table tbody:before, tbody .insideOpPqte table tbody:after, tbody  .opPqte .insideOpPqte table tbody .wrapperQte .btn-valid-ventil { display:none; }
tbody .insideOpPqte table.active tbody:before, tbody .insideOpPqte table.active tbody:after , tbody  .opPqte .insideOpPqte table.active tbody .wrapperQte .btn-valid-ventil { display:block; }

/* tooltip expo fournisseurs */
.custom-tooltip-expo .tooltip-inner { font-size:13px; padding:4px 9px; font-weight:bold; }
.custom-tooltip-expo.in { opacity:1;}


/* $1581811 header boutons */
.header .wrapperBtn .btn-favoris .icon  { width:21px!important;} 
@media (max-width: 1023px) { 
	.wrapperBtn .btn-docutheque { width:auto; }  
	.wrapperBtn .btn-docutheque .icon { width:23px; }
}  
.header .wrapperBtn { margin-left:-20px; } 
 @media (min-width: 1280px)  {  .header .wrapperBtn { margin-left:-3vw; width:36%;} }
.header .wrapperBtn .btn span { font-size:10px;} 
 @media (min-width: 1425px)  { 
  .header .wrapperBtn { margin-left:-5vw; width:38%;}
  .header .wrapperBtn .btn span { font-size:12px;} }
  header .btn-docutheque { margin-left: 4%; }


/* $1561567 */
.pageDestockage .list-container .title { margin-bottom:10px; }
.pageDestockage .productsNb { display:none ; }

/*#DEV_168*/
.table-basket .tfoot .voirToutPanierSpe
{
	text-align:center;
	text-transform:uppercase;
    font-family: 'Poppins_Bold', sans-serif;
	background:#f0f0f0;
	
}
.table-basket .tfoot .voirToutPanierSpe a { color:var(--primarydod); }
@media screen and (max-width: 1023px) {
	.table-basket .tfoot { display:table-footer-group !important; }
	.table-basket .tfoot tr { display:none!important; }
	.table-basket .tfoot tr.trVoirToutPanierSpe { display:table-row!important; }
}


/* #DEV_172 */
.other-references tr.ligne-info.destockage { background:#FCEF93; }
.other-references tr.ligne-info.destockage .amount .container-select-box .select-box-selected { background:#FCEF93; }
.other-references tr.ligne-info.promo { background:#ffebd7; }
.other-references tr.ligne-info.promo .amount .container-select-box .select-box-selected { background:#ffebd7; }
.other-references tr td.first { text-align:center;}
@media screen and (min-width: 1201px) { .other-references tr.destockage td.first { position:relative; text-align:right;} }
.other-references tr td.first .wrapperPrixPro * { display:none!important; }
.other-references tr td.first .wrapperPrixPro .wrapperDest { display:block!important; }
.other-references tr td.first .wrapperPrixPro .remiseDestockage1 { display:block!important; background:url(cmsimg/bandeau_dest3.png) center center/80px 80px no-repeat; width:80px; height:80px; z-index:2; position:absolute; top:0; left:0; }
.other-references tr td.first .wrapperPrixPro .remiseDestockage { display:block!important; font-size:.9em; top:31px;}
.pu.wrapperPrixPro .remiseDestockage { display:none!important; }


@media screen and (max-width: 1200px) {
	.other-references tr td.first .wrapperDest { transform: rotate(90deg);    position: absolute;    top: -45px;    right: -11px; }
}

@media screen and (min-width: 1201px) and (max-width:1600px) {
	.other-references tr.destockage td .btn-fav {     padding-top: 55px; display: block; padding-left: 4px; }
}

@media screen and (min-width: 1601px) {
	.other-references tr.destockage td .btn-fav {    margin-right:-10px; }
}

/* #DEV_180 */
.pageSalonPro .bloc3blocs:nth-child(2) .btnImgSpeFou { background-color:#f28a28 ; }
.pageSalonPro .bloc3blocs:nth-child(3) .btnImgSpeFou { background-color:#c19d04 ; }
.pageSalonPro .bloc3blocs:nth-child(4) .btnImgSpeFou { background-color:#27abe3 ; }
.icon-btn-nbpoints{background:var(--primarydod);-webkit-border-radius:50%;border-radius:50%;background-clip:padding-box;height:60px;width:60px;font-size:12px;text-align:center;line-height:36px;font-family:'Poppins_Bold', sans-serif;text-transform:uppercase;color:#fff}
.icon-btn-nbpointsPanier{background:var(--primarydod);-webkit-border-radius:50%;border-radius:50%;background-clip:padding-box;height:55px;width:55px;font-size:11px;text-align:center;line-height:36px;font-family:'Poppins_Bold', sans-serif;text-transform:uppercase;color:#fff}
.container-fav .icon-absolute-nbpoints {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}
.container-fav .txtNbPoints
{
    padding:14px 0 0 0;
}
.inner-multiple .icon-absolute-nbpoints {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 5;
    margin-top: -32px;
}
.inner-multiple .txtNbPoints
{
    padding:14px 0 0 0;
}

.table-basket td.first.produit .ct-text-table { position:relative; }
.blocNomProduitPanier .icon-absolute-nbpoints {
    position: absolute;
    right:-10px;
    z-index: 5;
    top:-37px;
}
.blocNomProduitPanier .icon-btn-nbpoints { width:50px; height:50px; line-height:28px;}

.blocNomProduitPanier .txtNbPoints
{
	padding: 13px 0 0 0;
}
.table-basket .tfoot .titreNbPointsTotal
{
	text-align:right;
}
.table-basket .tfoot .titreNbPointsTotal,.table-basket .tfoot .blocNbPointsTotal
{
	background: #fff;
}
.table-basket .tfoot .titreNbPointsTotal span,.table-basket .tfoot .nbPointsTotal span {
    font-family: 'Poppins_Bold', sans-serif;
    font-size: 18px;
    text-transform: uppercase;   
    color: var(--primarydodbis);
}
.tfoot .nbPointsTotal { text-align:right; padding-right:20px;}
.product-list-table .colNbPointALaLigne
{
	    text-align: center !important;
}
.product-list-table .nbPointALaLigne
{
	font-family: 'Poppins_Bold', sans-serif;
    font-size: 18px;
    color: var(--primarydodbis);
    text-align: center;
}
.table-basket .lignePanier .sous-total .price-container
{
	min-width:130px;
}


/* #DEV_180 Salon DOD pro*/
/* Entete salon pro */
.blocPointsGlobal { display: /*inline-block*/ none; line-height:20px; }
.titreNbPoints { text-align:center;}
.titrePointsGlobal { color: #8CC73F; font-weight:bold;}
.blocPointsGlobal .flip-clock-wrapper { margin:0; }
.flip-clock-wrapper ul li a div div.inn { color: var(--primarydod);}
.dod-salonpro .header.connected .content-pre-header { width: calc(100% - 400px); }
@media (max-width: 767px) { 
	.dod-salonpro .header.connected .content-pre-header { width: auto; }
}
@media (min-width: 1024px) {
	.dod-salonpro .header.connected .content-pre-header {
    	width: calc(100% - 400px);
	}
	.dod-salonpro .secondHeader.connected .content-pre-header { width:auto; }
	.titrePointsGlobal { font-size:22px; }
}
@media (max-width: 1024px){
	.flip-clock-wrapper ul li a div div.inn { font-size:12px;}
	.flip-clock-wrapper ul { width:8px; margin-left:0px; margin-right:1px; }
	.blocPointsGlobal { vertical-align: top; /*padding-top:10px; */    min-width: 54px}
	.titrePointsGlobal {  font-size: 11px; }
	
}

/* accueil salon pro */
.bloc4blocs { width:25%; }
@media (max-width: 767px){ 
	.bloc4blocs { width:100%; margin-bottom:10px; }
}
.blocSalonPro { width:33%; }
@media (max-width: 767px){ 
	.blocSalonPro { width:49%;	margin-bottom:10px;	}
}

.blocSalonPro66 { width:66%; }
@media (max-width: 767px){ 
	.blocSalonPro66 { width:100%;	margin-bottom:10px;	}
}

.salonBlocText { clear:both; zoom:1; }
.salonBlocText:after { content: ""; display: table; clear: both; }

/* logo salon pro */
.logo-salonpro { display:none; width:100px;}
/*.dod-salonpro .logo { display:none; }*/
.dod-salonpro .logo-salonpro { display:inline-block!important; }
@media (min-width: 1024px) { .logo-salonpro img { height: 87px; } }
@media (max-width: 767px) { .logo-salonpro {  width: 45px; } }

.bloc4blocs , .bloc3blocs  { overflow:hidden; }

/*$1530508*/
.pageSpecialeTransport #introPanier { display:none; }

/*$1625043*/
.helper { display: inline-block; height: 100%; vertical-align: middle; }
.product-full-page .slick-slider .slick-slide { text-align:center; }
.product-full-page .slick-slider .slick-slide a img { vertical-align:middle; display:inline-block; }

/*1625057*/
@media (max-width: 767px) {
		.homepushWrapper { height: auto!important; }
}

/*1646309*/
.container-edit .product-list .txt p { font-size: 25px;    color: var(--primarydodter); }

/*#DEV_194*/
option.destockage-produit { background:#fcef93; }
/*#DEV_207*/
option.promo-produit { background:#ffebd7; }

/*#DEV_197*/
.listeProduits .speProduitRemplace .ct-price-info { display:none; }
.listeProduits .speProduitRemplace .speWrapperRempl { margin-top:10px!important; }


/*#DEV_200*/
/* refonte : accueil - gros et petits blocs du haut */
.speListePetitBlocs #smallPromos { margin-top:10px; max-height:none!important;}
.hp-refonte .itemCarHome  {margin-bottom:10px; display:inline-block!important;}
.hp-refonte .itemCarHome a  {display:block; overflow:hidden;}
.hp-refonte #smallPromos img  {transition:all 0.4s ease-out;}
.hp-refonte #smallPromos img:hover  {transform:scale(1.08);}
.hp-refonte .mainPromoBlock  img.hidden-xs  {transition:all 0.4s ease-out;}
.hp-refonte .mainPromoBlock  img.hidden-xs:hover  {transform:scale(1.08);}
@media (min-width: 1025px) {
		.hp-refonte #smallPromos {max-height: 180px;  }
		.hp-refonte #smallPromos img {min-height: 100%;  }
}
@media (max-width: 768px) {
		.hp-refonte .main-sold {    margin-top:10px; margin-bottom: 0; }
		.hp-refonte #smallPromos div > span:first-child .itemCarHome  {margin-top:10px;  }
		.hp-refonte #smallPromos { margin-top:0; }	
		.hp-refonte .main-sold img  { width:100%; }
		.hp-refonte #smallPromos img { width:100vw; }
}
.hp-refonte .btn-sold-slider img { position:relative; }
.hp-refonte .btn-sold-slider { height:auto; }

/* refonte : accueil - largeur page */
.hp-refonte .content { max-width:100%; margin-left:auto; margin-right:auto; float:none; }
@media (min-width: 769px)   { .hp-refonte .content  { width: 748px; } }
@media (min-width: 896px)   { .hp-refonte .content  { width: 877px; } }
@media (min-width: 960px)   { .hp-refonte .content  { width: 939px; } }
@media (min-width: 1024px) { .hp-refonte .content  { width: 1000px; } }
@media (min-width: 1224px) { .hp-refonte .content  { width: 1200px; } }

.hp-refonte .content .container { width:100%!important; }
.hp-refonte .height-sold {min-height:unset!important; height:auto!important; }
.hp-refonte .main-sold img { position:relative; }
.hp-refonte .main-sold { max-height:unset!important; }

/* refonte : accueil - liste produits */
.hp-refonte .container-product-ascent {  margin-top: 10px; }
.hp-refonte .container-product-ascent .list-container .band-product { margin-bottom:0!important;}
.hp-refonte .container-product-ascent .ct-price-info {  margin-top: 0px!important; }
.hp-refonte .ct-price-info .price-container .volume { display:none; }
.hp-refonte .ct-price-info .price-container { min-height:auto; }

@media (max-width: 767px) {
		.hp-refonte .container-product-ascent {  margin-top: 10px; }
		.hp-refonte.product-full-page .slider-products .slick-track { width:100%!important;transform:none!important; }
		.hp-refonte.product-full-page .slider-products .slick-slide { display:inline-block; width:calc(50% - 10px)!important;  margin-bottom:10px!important;}
		.hp-refonte.product-full-page .slider-products .slick-cloned { display:none; }
		.hp-refonte.product-full-page .slider-products .slick-dots { display:none!important; }
		.hp-refonte.product-full-page .container-product.band { padding: 15px; }

		.hp-refonte.product-full-page .container-product-ascent {    background: url(cmsimg/visuel-service2.jpg) 0 0/cover no-repeat; padding:20px 0; margin:0 0 0 0!important; }
		.hp-refonte.product-full-page .container-product-ascent .h2-title { background:none; text-align:center;}
		.hp-refonte.product-full-page .container-product-ascent .h2-title span { background:none; padding:0;}
}
@media (max-width: 520px) {
		.hp-refonte.product-full-page .slider-products .slick-slide {width:calc(100%)!important;  }
		.hp-refonte.product-full-page .slider-products .slick-slide .ct-product-info {width:auto!important; }
}
.hp-refonte .container-product-ascent .h2-title { margin-bottom:0; }
.hp-refonte  .h2-title { margin-top:0; }

/* refonte : accueil - container services, titre */
.hp-refonte .services-container-title {} 
.hp-refonte .services-container-wrapper {   margin-top:20px; margin-bottom:20px!important; }
.hp-refonte .services-container {   padding-top: 80px; height :400px; margin-bottom:0!important; }
.hp-refonte .services-container-title .h2-title {margin-bottom:5px; }
@media (max-width: 767px) { 
		.hp-refonte .services-container { padding-top:0; padding-bottom:0; height:auto; margin:0;    background: none!important;  } 		
		.hp-refonte .services-container-wrapper {    background: url(cmsimg/visuel-service2.jpg) 0 0/cover no-repeat; padding:20px 0; margin:10px 0!important; }		
		.hp-refonte .services-container-title .h2-title { background:none; text-align:center;}
		.hp-refonte .services-container-title .h2-title span { background:none; padding:0;}
}


/* refonte : accueil - liste picto marques */
.hp-refonte.product-full-page .container-brands { margin-top:0!important; }
.hp-refonte .listProAccueil2 .list-container .band-product { width: calc(50% - 10px);  }
@media screen and (min-width : 767px)  {
		.hp-refonte .listProAccueil2 .list-container .band-product { width: calc(25% - 10px); }
}
@media screen and (max-width : 767px)  {
		.hp-refonte.product-full-page .container-brands .h2-title { background:none; text-align:center; margin:0 0 0 0; padding:10px; }
		.hp-refonte.product-full-page .container-brands .h2-title span { background:none; text-align:center; margin:0; padding:0; }
		.hp-refonte.product-full-page .container-brands .slick-track { width:90%!important;transform:none!important; margin:auto; }
		.hp-refonte.product-full-page .container-brands .slick-slide { display:inline-block; width:100%;     background: white;   margin: 0 auto 5px auto;    border-radius: 4px;    padding: 18px;    height: 100px;    line-height: 60px;}
		.hp-refonte.product-full-page .container-brands .slick-slide img { max-height:100%;}
		.hp-refonte .container-brands  { background:#a9c9c6 ; padding:10px 0 10px 0; margin-top:0px!important;}
		.hp-refonte.product-full-page .container-brands .slick-dots { display:none!important; }
		.hp-refonte.product-full-page .container-brands .slick-cloned { display:none!important; }
}

/* refonte : structure */
.pre-header .btn-tab-container { width:100%; }
.pre-header { padding-right:20px; }
.pre-header .btn-tab-container .btn-tab { width:calc(50% - 5px); }
.icon-choisir { background: url(cmsimg/cursor.png) center center/30px 30px no-repeat; width:30px; height:30px;}
.btn-tab:hover .icon-choisir { background: url(cmsimg/cursor_vert.png) center center/30px 30px no-repeat; width:30px; height:30px;}
.icon-choisi { background: url(cmsimg/icone-check-blanc.svg) center -2px/30px 25px no-repeat; display:none; width:30px; height:25px;}
.btn-tab.active .icon-choisi { display:inline-block; }
.btn-tab.active .icon-choisir { display:none; }

@media (min-width: 1024px) and (max-width:1150px) {
		.content-pre-header {    width: calc(100% - 214px); }
		.sub-header { padding-right:10px; }
}

.product-full-page .container-nav {position:fixed; top:200px; }
/* #DEV_200_1 .product-full-page .container-nav.scrolled { top:0; }*/


/*.pre-header .btn-tab.active { border-bottom: 1px solid #f3f3f3; }*/

/* zone bleue */
a.btn-assistance { height: 32px;  line-height: 16px;  color: white;  padding: 8px;  padding-left: 30px;  background: #5EB130 url(cmsimg/picto_main_blanche2.png) 5px center no-repeat;  background-size: 17px;  border-radius: 6px; margin-left:10px;}
.legal-mentions a {margin: 0 5px;padding-left: 5px;border-left:1px solid white;}
.legal-mentions li:first-child a {border-left:0px solid white; margin-left:0; padding-left:0;}
.legal-mentions .cms-ml { margin:0; }
.mescontacts { text-decoration:none!important;  border:0px solid white!important;}
.mescontacts .assess { text-decoration:none; border:0px solid white!important;}
.btn-nonconnecte {    display: inline-block; vertical-align: middle; margin-left:10px; }
/*.btn-nonconnecte:first-child { margin-left:0; }*/
.btn-nonconnecte span { color: #fff;  font-size: 13px;  font-weight: bold; }
.btn-nonconnecte .icon { margin-right:10px; display:inline-block; }
.btn-nonconnecte .icon-pin { background: #fff url(cmsimg/icone-pin-bleu.svg) center center/18px 18px no-repeat;   width: 35px;     height: 35px; }
.btn-nonconnecte .icon-enveloppe-bleue { background: #fff url(cmsimg/enveloppe_bleue_small.png) center center/24px 24px no-repeat;   width: 35px;     height: 35px;     -webkit-border-radius: 50%;    border-radius: 50%;   }
.btn-nonconnecte .icon-telephone-bleu { background: #fff url(cmsimg/telephone_bleu_small.png) center center/18px 18px no-repeat;   width: 35px;     height: 35px;      -webkit-border-radius: 50%;    border-radius: 50%;}
.btn-nonconnecte.btn-haut-agences .txt { line-height:17px; display:inline-block; vertical-align:middle; white-space:break-spaces; }
@media screen and (max-width : 1200px)  {
		.btn-nonconnecte.btn-haut-agences .txt { max-width:6vw; }
}

@media screen and (max-width : 1035px)  {
		.btn-nonconnecte .icon { margin-right:4px; }
		.btn-nonconnecte span.txt { font-size:10px!important; }
}

@media (max-width: 1279px) {
		.container-viewing-price-list {max-width:52%; }
}
header .btn-article-list, header .btn-docutheque { margin-left:10px; width:auto!important; }
header .btn-docutheque .icon { width:19px!important; }
header .btn-docutheque span { line-height: normal;  vertical-align: middle; }

/* lien créer compte et header */
.content-pre-header { text-align:center; }
.wrapperCreerCompteHeader { margin-right:8%;  position:relative;}
.wrapperCreerCompteHeader .icon-user {  }
.wrapperCreerCompteHeader .icon-user .icon { position: absolute;    background-color: white;  border-radius: 50%;  top: -5px;  right: -8px; }
.wrapperCreerCompteHeader .txt {    font-weight: bold;   margin-left:10px; background: var(--primarydodbis); color: white; padding: 10px; }
.wrapperCreerCompteHeader:hover .txt { background: #468924; }
@media (max-width: 767px) {
		 .wrapperCreerCompteHeader  .icon-user { width: 30px; height: 30px; background-size: 13px 23px;}
		 .wrapperCreerCompteHeader { margin-right:0; }
		 .wrapperCreerCompteHeader  .icon-plus-green {background: url(cmsimg/icone-plus-vert.svg) center center/16px 16px no-repeat;    width: 16px;    height: 16px;}
}
@media (min-width: 1151px) {
		.wrapperCreerCompteHeader:after { content: " "; height: 65%; width: 1px; background: #d8d8d8; position: absolute; top: 15%; right: -4vw;}
}
@media (max-width: 1150px) {
		.wrapperCreerCompteHeader { margin-right:2%; }
		.wrapperCreerCompteHeader .txt {    font-size:12px; padding: 10px 4px 10px 4px; }
		.btn-basket { margin-left:5px; }
}

@media (max-width: 1380px) { /* reprise de règles qui étaient avant à max 1120px */
		.form .container-input-login input {    width: 140px;}
		.form .container-input-login {  position: relative; }
		.form .container-input-login a.mdp {    position: absolute;    top: -20px;    right: 10px;}
}
.lienAgenceUser  { font-size:12px; font-weight:bold; }

.txtHeaderCpt { position: absolute;     top: -7px;    left: 2px; }
.wrapperCreerCompteHeader  .txtHeaderCpt{ top:-2px; line-height:normal;}
.formAuthentHeader .form-line { position:relative; }
.form-line .btn-submit-header { margin-top:-8px; }
#fbConnectHeader .alert { left: -48px; width: 207px; }

/* menu mon compte */
.account-menu li a { height:36px; line-height:34px; }
.lnkniv1 .dod-tuto {top :5px; }

@media (max-width: 1280px) {
	.btn-access-account .user { max-width: none; }
}

.wrapperMenuMonCompteHeader { position:relative; max-width:23vw; }
.wrapperMenuMonCompteHeader .name { cursor:pointer; position:relative; display:inline-block; max-width:75%; vertical-align:middle;}

@media (min-width: 1281px) {
		.wrapperMenuMonCompteHeader .name {  max-width:82%; min-width:250px; }
}
.wrapperMenuMonCompteHeader .btnMonCompte {background: #5EB130; display:inline-block; color:white; padding:5px; border-radius:5px; font-size:12px; margin-top:5px; position:relative; }
.wrapperMenuMonCompteHeader .btnMonCompte:after { content:" "; width:30px; height:30px;	position:absolute; top:0; right:-35px;	background: url(cmsimg/cursor_vert.png) center right/24px 24px no-repeat; transform:rotate(-26deg); }
.wrapperMenuMonCompteHeader .name:hover { color:#2b455f; }
/*.wrapperMenuMonCompteHeader .name:after { content:"\25BE"; position:absolute; top: 0;  font-size: 19px;   right: -18px;  		transition: all 0.3s ease; }
.wrapperMenuMonCompteHeader.open .name:after { transform:rotate(180deg); }
*/
.btn-access-account .userRight { margin-left:2vw; position:relative; }
.btn-access-account .userRight .subtitle { font-weight:bold; display: block; }
@media (min-width: 1024px) {
		.btn-access-account .userRight:after { content: " "; height: 65%; width: 1px; background: #d8d8d8; position: absolute; top: 15%; left: -1vw;}
}
.wrapperMenuMonCompteHeader .icon-user { margin-right:10px;}
.wrapperMenuMonCompteHeader .menuMonCompteHeader { 
		opacity:0; visibility:hidden;
		 z-index: 110;   background: #ededed;
		position:absolute; top:0; left:0;
		box-shadow:0px 0px 15px 0px rgb(0 0 0 / 25%);
		-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 25%);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
}
.wrapperMenuMonCompteHeader .menuMonCompteHeader .account-menu li a { height:32px; font-size:14px; line-height:30px;}
.wrapperMenuMonCompteHeader .menuMonCompteHeader .back-forward { display:none; }
.wrapperMenuMonCompteHeader .menuMonCompteHeader .submenu { display:none; }
.wrapperMenuMonCompteHeader.open .menuMonCompteHeader { opacity:1;  visibility:visible;}
.btn-access-account:hover  .assess a { text-decoration:none; }
.btn-access-account .assess a:hover { text-decoration:underline; }
.lienDeco { display:none; }
.wrapperMenuMonCompteHeader .lienDeco { display:block; text-align:right; font-style:italic;}
.wrapperMenuMonCompteHeader .lienDeco a { font-weight:normal; }
.icon-formation-bleu { background: url(cmsimg/icone-formation-bleu.png) center center/19px 19px no-repeat;    width: 30px;     height: 30px; }
.account-menu a:hover .icon-formation-bleu, .account-menu a.active .icon-formation-bleu  { background: url(cmsimg/icone-formation-vert.png) center center/19px 19px no-repeat; }
.icon-simulateur-bleu { background: url(cmsimg/icon-simulation-bleu.png) center center/19px 19px no-repeat;    width: 30px;     height: 30px; }
.account-menu a:hover .icon-simulateur-bleu, .account-menu a.active .icon-simulateur-bleu  { background: url(cmsimg/icon-simulation-vert.png) center center/19px 19px no-repeat; }
.icon-tutoriel-bleu { background: url(cmsimg/dod-picto-information-bleu.png) center center/19px 19px no-repeat;    width: 30px;     height: 30px; }
.account-menu a:hover .icon-tutoriel-bleu, .account-menu a.active .icon-tutoriel-bleu { background: url(cmsimg/dod-picto-information.png) center center/19px 19px no-repeat; }
.account-menu a:hover .icon-fav-blue, .account-menu a.active .icon-fav-blue { background:url(cmsimg/icone-article-fav-vert.png) center center/14px 18px no-repeat; }
.account-menu a:hover .icon-fidelite-pro, .account-menu a.active .icon-fidelite-pro { background:url(cmsimg/icone-avion-vert.png) center center/20px 20px no-repeat; }
.account-menu a:hover .icon-contacts, .account-menu a.active .icon-contacts { background:url(cmsimg/icone-qui-sommes-nous-vert.png) center center/20px 18px no-repeat; }
.account-menu a:hover .icon-fidelite-rev, .account-menu a.active .icon-fidelite-rev { background:url(cmsimg/icone_cadeau_vert.png) center center/25px 25px no-repeat; }
.account-menu a .icon-cadeau, .account-menu a .icon-cadeau { background: url(cmsimg/icone_cadeau_bleu.png) center center/24px 24px no-repeat; height:30px; }
.account-menu a:hover .icon-cadeau, .account-menu a.active .icon-cadeau { background:     url(cmsimg/icone_cadeau_vert.png) center center/24px 24px no-repeat; }
.page-moncompte .menuvcompte .icon-tutoriel-bleu { background: url(cmsimg/dod-picto-information-bleu.png) center center/60px 60px no-repeat;  width:90px;  height: 90px;}
.page-moncompte .menuvcompte .icon-simulateur-bleu { background: url("cmsimg/simulateur bleu.png") center center/90px 90px no-repeat;  width:90px;  height: 90px;}
.page-moncompte .menuvcompte .icon-formation-bleu { background: url(cmsimg/icone-formation-bleu.png) center center/90px 90px no-repeat;    width:90px;  height: 90px;}
.page-moncompte .menuvcompte .icon-cadeau { background: url(cmsimg/icone_cadeau_bleu.png) center center/90px 90px no-repeat;    width:90px;  height: 90px;}

/* grossir panier header */
@media (min-width: 768px) {
		.icon-basket { background: var(--primarydod) url(cmsimg/icone-panier.svg) 7px center/39px 29px no-repeat;  width: 59px;  height: 59px; }
		header:not(.scrolled) .btn-basket { float:right; margin-top:17px; }
		.btn-basket .txt { font-size:18px; }
		.icon-basket .icon-number { right:-4px; }
}

/* fix position picto tuto sur page mon compte*/
@media (max-width: 767px) {
		.menuvcompte a .dod-tuto {   top: 0;    left: calc(100% - 20px); }
}

/* position menu principal mobile */
@media (max-width: 767px) {
		.product-full-page.connected  .nav.open { top:60px; }
	}

/*$1684205 gagner de la place sur fiche produit*/
/*$1816381 .product-full-page .product-deccription-container .title-container {padding-top:5px; }*/
.product-full-page .product-deccription-container {margin-bottom:0; }
.commercial-description h2, .technical-description h2 { margin-bottom:0; }
.commercial-description {padding-top:20px; }
.technical-description {padding-top:0; }

/*Modif infobulle stock : sur le p et plus sur le span.icon */
.list-container .band-product .ct-price-info .price-container p.stock ,
.list-container .band-product .ct-price-info .price-container p.no-stock {    display: block;    position: absolute;    top: -7px;    right: -7px;}
.list-container .band-product .ct-price-info .price-container .icon {    display: block;    position: absolute;    top: -10px;    left: 10px;}


/*#DEV_200_1 */
.container-full .list-product.spePagePanier { padding-top:0; }
.direct-add:after { display:none; }
.panierLignesHaut {padding-top:20px; }
.blocPanierHautLigne1 .direct-add-title {margin-bottom:10px; width:100%; display:block!important; }
.blocPanierHaut1 .btn-checkout .icon , .blocPanierHaut2 .btn-checkout .icon { margin-right:0; }
.direct-add .blocPanierHautLigne1 .direct-add-title .txt { vertical-align:baseline; width:auto; margin-bottom:30px;  }
.direct-add .blocPanierHautLigne1 .direct-add-title .icon { vertical-align:text-top; }
.icon-check-white { background: url(cmsimg/check-white.svg) center center/32px 32px no-repeat;     width: 32px;    height: 32px; }
.blocPanierHautLigne2 .direct-add-title {display:block!important; }
.blocPanierHaut2  .direct-add .direct-add-title .txt { width:auto; margin-bottom:30px; }
.blocPanierHautLigne2 .import-list { /*width:300px; */ text-decoration:underline; margin-top:10px; }
.blocPanierHautLigne2 .import-list:hover { text-decoration:none; }
.blocPanierHautLigne2 .import-list .icon-import { margin:0 10px 0 0;}
.panierLignesHaut .direct-add .action-btn .btn-checkout { width:auto; }
.blocPanierHautLigne2 .direct-add-title .txt {text-align:center; font-family:calibri;}
.blocPanierHautLigne2 .boutonBlocImportCde { font-family:"Poppins_Regular";}
.totalPanierHaut {background:#133455; font-weight:bold; color:white; font-family: 'Poppins_Bold', sans-serif;  font-size: 16px;  text-transform: uppercase;  padding:20px 1px; margin-top:10px;}
.blocPanierHaut1, .blocPanierHaut2 {text-align:center; }
.blocPanierHaut1, .blocPanierHaut2 {position:relative; }
.zoneReduc.blocPanierHaut2  .direct-add	.direct-add-title { display:block!important; }


@media (min-width: 1281px) {
		.blocPanierHaut3   {
				padding-left:3vw;
		 }
		.blocPanierHaut1, 	.blocPanierHaut2, .blocPanierHaut3  {
				width:33.33%!important;
		}
		.blocPanierHaut2:after {
			content: " ";
			/*height: 65%;*/
			height:100px;
		    width: 1px;
		    background: #d8d8d8 ;
		    position: absolute;
		    top: 15%;
		    right: -2px;
		}
}
@media (min-width: 768px) {
		.blocPanierHaut1:after {
			content: " ";
			/*height: 65%;*/
			height:100px;
		    width: 1px;
		    background: #d8d8d8 ;
		    position: absolute;
		    top: 15%;
		    right: -2px;
		}
}
@media (min-width: 1280px) {
		.wrapperValidPanier { padding-right:124px; }	
}
@media (min-width: 1024px) and (max-width:1200px) {
		.wrapperValidPanier { padding-right:72px; }	
}
.container-full .list-product .wrapperValidPanier  .btn-checkout-top {margin-right:0!important; }

.totalPanierHaut { text-align:center; }
.totalPanierHaut .totalPanierTxt { margin-right:5px; }
.totalPanierHaut .totalPanierMontant{ margin-left:5px; }
.tfoot .totalPanierMontant {float:right;}

.panierLignesHaut { position:relative; }
.panierUtil {    position: absolute;    right: -125px;    top: 52px;    }
@media (min-width: 1024px) and (max-width:1279px) {
		.panierUtil  { right:-70px; }
}
@media (min-width: 1280px)  {
		.panierUtil  { width: 235px;  }
}
.panierUtil li { margin-bottom:5px; }
.panierUtil a .txt {font-weight:bold; text-decoration:underline; font-size:11px;}
.panierUtil a:hover .txt {text-decoration:none; }

.direct-add .action-btn { display: inline-block; }

.titreGauche { display:block!important; margin-bottom:15px; }
.titreGauche .icon-arrow-left-blue { display:none; } 

@media (max-width: 1280px) {
		.speWrapperPagePanier {     padding-left: 3px;   padding-right: 3px; width:99%; }
		.blocPanierHautLigne2 { display:none; }
		.titreGauche { display:inline-block!important; }
		.titreGauche .icon-arrow-left-blue { display:inline-block; } 		
		 .blocPanierHautLigne1 input { max-width:100px; }
		 .direct-add .action-btn .btn-checkout {padding:0 5px; }
		 .direct-add .form-line {margin-right:0; }
		 .direct-add .amount {margin-right:0; }
		 .direct-add .direct-add-title .txt {width:120px; }

		 	 
		 .panierLignesHaut { padding-top:90px; }
		 .blocPanierHaut3 { position:absolute; top:0; left:0; }
		 .blocPanierHaut3 .btn-valid-cart { float:right;     width: 48%;   margin: 0;    padding: 0; }
		 .totalPanierHaut { width: 48%;    float: left;    margin: 0; padding:16px 8px; }

		 .panierUtil { top:57px; left:0; }
		 .panierUtil li {display:inline-block; margin-right:15px; margin-left:7px; }
		 .panierUtil a .txt {    font-size: 13px; }
}


@media (max-width: 600px) {		
		 .direct-add .direct-add-title .txt {width:100px; font-size:11px; margin-bottom:10px!important; margin-top:10px;}
		 .blocPanierHautLigne1 input { max-width:70px; }
		.blocPanierHaut3 * , .blocPanierHaut3 .txt {font-size:10px!important; }
		.blocPanierHaut3 .btn-checkout { height:46px; line-height:46px;}
}



/*Panier ipad */
@media screen and (min-width: 1023px)  and (max-width: 1200px){

		.ct-img-table .img-responsive {
		    display: inline-block;
		    height: auto;
		    max-width: 65px;
		}
		.table-basket .ct-text-table { width:calc(100% - 71px);}		
		.product-list-table .stock { width:150px;  white-space:normal; }
		.table-basket .conditionnement { width:72px; margin-left:5px;}
		.table-basket {  padding-right: 66px; }
		.container-amount .amount  { margin-right:0; }
		.product-list-table .container-amount { width:170px;}
		.table-basket .tfoot .price { width:104px;}
		.panier-first-td { width:270px; }
		.table-basket .add-pro-panier { width: 100%!important;}
		.recap-cmd .container-full .content { width:100%; }
}

@media screen and (max-width: 1023px) {
	.container-full .list-product .btn-checkout-top {
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.table-basket .comment textarea {/*background-color:white;*/ padding:5px; width:calc(100% - 40px);}
	.table-basket .comment.cms-formulaire input { padding:5px; }
	.table-basket .container-input .add-pro-panier { margin-bottom:0!important; /*background-color:white; */ width:calc(100% )!important;}
	
	
	.table-basket .thead, .table-basket .tfoot, .table-basket .tbody .supprimer {
		display:none;
	}

	table.table-basket, .table-basket .tbody, .table-basket .tbody tr, .table-basket .tbody td {
		display:block;
	}

	.table-basket {
		padding-right: 0px;
	}
	.table-basket .panier-gris, .table-basket .panier-gencod {font-size:11px; }

	.table-basket .tbody tr {
		/*background: #f0f0f0 !important;*/
		width: calc(100% - 10px);
		margin: 5px ;
		float: left;
		margin-bottom: 27px;
		padding: 2px;
		position: relative;
		min-height:120px;
		box-shadow:0px 0px 12px 0px rgb(0 0 0 / 22%);
		-moz-box-shadow:0px 0px 12px 0px rgb(0 0 0 / 22%);
		-webkit-box-shadow:0px 0px 12px 0px rgb(0 0 0 / 22%);
	}


	.table-basket .ct-img-table {
	/*	height: 150px;
		width: 100%;
		background: #fff;*/
		vertical-align:top;
		max-width:60px;
	}

	.table-basket .ct-img-table .btn-remove-from-basket {
		position: absolute;
		top: -17px;
		left: -7px;
		z-index: 2;
		background:#90909047;
		border-radius:3px;
		width: 29px;
		height: 29px;
		text-align: center!important;
		line-height: 23px;
		border: 1px solid #d8d8d8;
	}

	.table-basket .ct-img-table .btn-remove-from-basket .icon {
		width: 20px;
		height: 20px;
	}

	.table-basket .tbody .produit a {
		text-align:left;
	}

	.table-basket .tbody .produit a img {
		height: 100%;
		margin:auto;
		max-width:50px;
		max-height:105px;
	}


	.table-basket .tbody .dispo { 
			position:absolute;
			top:-10px;
			right:0;
			max-width:45%;
	}
	.table-basket .tbody .dispo .icon { display:none; }
	.table-basket .tbody .dispo span { font-size:11px!important;}
	.table-basket.product-list-table .stock, .table-basket.product-list-table .no-stock, .table-basket.product-list-table .take, .table-basket.product-list-table .contremarque {
			white-space:unset;		
	}		
	.table-basket .ct-text-table {
		/*padding-top: 10px;
		width: 100%;
		text-align: center;*/
		text-align:left;
		width:auto;
		max-width:40%;
	}

	/*
	.table-basket .prix::before, .table-basket .sous-total::before {
		content:attr(data-th);
		display: block;
		font-size: 14px;
		color: #1a3046;
		text-align: left;
		font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
		font-weight: bold;
		margin-bottom: 5px;
	}
	*/
		

	.table-basket .prix, .table-basket .sous-total {
		padding-top: 10px;
		margin-top: 20px;
	}
	.table-basket .prix {
			padding: 0;
		    margin: 0;
		    position: absolute;
		    top: 36px;
		    right: 0;
	}
	.table-basket .prix .pu {
			padding:0;
			margin:0;
	}
	.table-basket .prix .pu span, .table-basket .prix .pu p {
			font-size:10px!important;
	
	}
	.table-basket .prix .pu span.price , .table-basket .prix .pu span.reduc {
			display:inline-block; 
	}

	/*
	.table-basket .prix .pu, .table-basket .sous-total .price-container {
		padding: 14px 19px;
		margin-bottom: 10px;
		text-align: left;
		background: #fff;
	}
	*/

	.table-basket .volume {
			padding: 0;
		    margin: 0;
		    position: absolute;
		    top: 60px;
		    right: 3px;
			text-align:right;
			padding:2px;
			/*border:1px solid #dedede;*/
			max-width:45%;
			width:auto;
	}
	.table-basket .conditionnement {
				width:auto;
				font-size:10px;
				text-align:right;
	}	
	.table-basket .container-amount .amount {
			margin-bottom:0; 
			min-width:unset!important; 
			margin-right:0!important;
			width:auto!important;
	}
	
	.table-basket .add-pro.btn.btn-checkout { font-size:12px; width:26px!important;}

	.label-responsive-panier {		
		display:none;
		/*display:block;
		font-size: 14px;
		color: #1a3046;
		text-align: left;
		font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
		font-weight: bold;
		margin-bottom: 5px;*/
	}

	.table-basket .container-amount .amount, .table-basket .container-amount .conditioning {
		vertical-align: baseline;
	}
	

	.table-basket .container-input .add-pro-panier {
		width: 36px!important;
		padding:2px;
	}

	.table-basket .detail-responsive-panier {
		color: #888e94;
		font-size: 14px;
		text-align: center;
		font-weight: bold;
		display:block;
	}

	.table-basket .h2 {
		margin-bottom: 0px;
		font-size:12px;
	}

	.table-basket .comment {
		margin-top: 4px;
		display:block;
	}

	.table-basket .sous-total .price-container {
		text-align: center;
	}

	.supprimer-responsive {
		display:block;
	}
	.table-basket .sous-total {
	    padding-top: 0px;
	    margin-top: 0px;
		position:absolute;
		bottom:-18px; 
		right:-7px;
	}
	.table-basket .lignePanier .sous-total .price-container {
			 text-align:right; background:white; padding:3px; border:1px solid #dedede; 
			 min-width:unset;
			 font-size:12px;
	 }
	 .table-basket .lignePanier .sous-total .price-container .total-price {
			font-size:12px; 
	 }

	/* regroupement impossible en mobile */
	.lnkFusionLignes {
			display:none;
	}

}
@media screen and (max-width: 767px) {
	.table-basket .tbody tr {
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
		.table-abstract .tva-amount {    
			font-size: 20px;    
		    padding: 14px 20px 14px 10px;
			float:left;
			width:49%;
		}
		.table-abstract .total-ttc {    
			float:right;
			width:49%;
		}
		
		.table-abstract .wrapperValidPanier  {    
			clear:both;
		}
}

@media screen and (max-width: 767px) {
		.table-abstract .tva-amount , .table-abstract .total-ttc {    font-size:12px; }
}

.nav-product-sheet.product-sheet-basket li a:before { top:32px; }


.table-basket .tfoot * { font-size:16px!important; }
.trTotalBas { background:white!important; }
.trTotalBas span {  color:var(--primarydodbis)!important; font-family: 'Poppins_Bold', sans-serif; font-size:16px; }
.trTotalBas .btn-checkout span {  color:white!important;}
.trTotalBas .wrapperValidPanier { padding:0; }
.trTotalBas td {height:auto!important; }
.trTotalBas1, .trTotalBas2  td {height:60px!important; }
.trTotalBas1 td:nth-child(2), .trTotalBas2 td:nth-child(2) { background:#f0f0f0;}
.tfoot .totalPanierMontant {float:none; }
.table-basket .tfoot .total span {display:inline-block; }
.table-basket .tfoot .total span:first-child { margin-right:10px;}
.table-basket .tfoot .total span:nth-child(2) { margin-left:10px;}
.table-basket .tfoot .total { text-align:center; padding:0; }
.trTotalBouton td {padding:0; }
.table-basket .tfoot td {padding:0;}

@media (max-width: 1023px)  {
    .table-basket .tfoot { display:table!important; width: 100%!important;  display: table;  background: white;	}
	.table-basket .tfoot tr:first-child { background:#1a3046; }
	.table-basket .tfoot tr {display:table-row!important; }
	.table-basket .tfoot td {height:60px!important;}
}

	
.table-basket .lignePanier .prix .pu
{
	min-width:160px;
}


@media (max-width: 350px)  {
		/*.table-basket .lignePanier .prix .pu	.infoStatutRemise  {display:none;}*/
		.table-basket .lignePanier .prix .pu { min-width:120px; }

		
			.lignePanier .remPanach {	
					margin-top: -1px;
					font-size: 11px;
					display: block;
					line-height: 10px;
					text-align: left;
			}
}

/*#DEV_200_1 : modif bandeau étapes */
.nav-product-sheet li a { cursor:default;}
.nav-product-sheet li span { opacity:.7; }

/*#DEV_200_1 : livraison, adresses */
.speFormAdresses { display:inline-block; }
.speFormLivraison  .speLigneBlocGris { margin-top:20px; }
.container-shipping .shipping-price { font-family:Poppins, sans-serif; }
.speBlocShipping1 .shipping-confirmation input {  background:white; height:25px; }
.speBlocShipping1 .ref-cmde input {  background:white; height:25px; }
.speBlocShipping1 .shippings-container-title { margin-bottom:5px; }
.speFormLivraison .shippings-container-title .txt { font-size:15px; }
.speBlocShipping1 .ref-cmde label { font-size:15px; margin:7px 0 7px 0;}
.speBlocShipping1 .ref-cmde input {width:100%; }
.speBlocShipping1 .shipping-confirmation .yui-skin-sam { top:-17px; }
.speFormLivraison .btn-chose .icon-check-white-form { display:none; }
.speFormLivraison .btn-chose .icon-choisir { 
		background: url(cmsimg/cursor.png) center center/40px 40px no-repeat;    
		width: 40px;    transform: rotate(42deg);  height: 40px; 
}
.speFormLivraison .btn-chose.active .icon-check-white-form { display:inline-block; }
.speFormLivraison .btn-chose.active .icon-choisir { display:none; }
.speLigneLienBtnValid { margin-bottom:10px; }
.speLigneLienBtnValid .btn-validation-shipping { max-width:100%;}
.speLigneLienRecap a { font-weight:bold; text-decoration:underline;  color:#5BB046;}
.speLigneLienRecap a:hover { text-decoration:none; }
.pageSpecialeTransport .container-full { width:95%; margin:auto; padding-left:5px;}
.speFormLivraison .container-shipping .date { font-size:17px; margin-bottom:10px; }


@media (max-width: 768px)  {
		.speShippingIcon { float:left; width:30%; } 
		.speShippingText { float:left; width:69%; text-align:left; } 
		.speFormLivraison .container-shipping {     padding-top: 0; padding-bottom:19px;    margin: 10px 0 16px 0;}
		.speFormLivraison .container-shipping .title-ct-shipping { font-size:15px; line-height:18px; }
		.speFormLivraison .container-shipping .date { font-size:13px;     margin-bottom: 5px; }
		.speFormLivraison .container-shipping .shipping-price { font-size:14px; }
		.speFormLivraison .btn-chose {     width: 150px;    height: 45px;     line-height: 43px;}
		.speFormLivraison .btn-chose.active {    width: 45px; }
		.speFormLivraison .speShippingBtn {    position: absolute;     right: 10px;    bottom: -3px; }
}

/* #DEV_200_1 : page confirmation cde */
.spePageInfoFinCde { display:block; }
.spePageInfoFinCde .content { max-width:100%; margin:auto; float:none; }
@media (min-width: 769px)   { .spePageInfoFinCde .content  { width: 748px; } }
@media (min-width: 896px)   { .spePageInfoFinCde .content  { width: 877px; } }
@media (min-width: 960px)   { .spePageInfoFinCde .content  { width: 939px; } }
@media (min-width: 1024px) { .spePageInfoFinCde .content  { width: 1000px; } }
@media (min-width: 1224px) { .spePageInfoFinCde .content  { width: 1200px; } }
.bloc-infofincde {width:100%; float:none; }

@media (max-width: 768px) { .spePageInfoFinCde .bloc-infofincde { padding:10px; } }

/* reprise de code de hp-refonte pour affichage des petits blocs de la page de confirmation*/
.spePageInfoFinCde #smallPromos { margin-top:10px; max-height:none!important;}
.spePageInfoFinCde .itemCarHome  {margin-bottom:10px; display:inline-block!important;}
.spePageInfoFinCde .itemCarHome a  {display:block; overflow:hidden;}
.spePageInfoFinCde #smallPromos img  {transition:all 0.4s ease-out;}
.spePageInfoFinCde #smallPromos img:hover  {transform:scale(1.08);}
@media (min-width: 1025px) {
		.spePageInfoFinCde #smallPromos {max-height: 180px;  }
		.spePageInfoFinCde #smallPromos img {min-height: 100%;}
}
@media (max-width: 768px) {		
		.spePageInfoFinCde #smallPromos div > span:first-child .itemCarHome  {margin-top:10px;  }
		.spePageInfoFinCde #smallPromos { margin-top:0; }	
		.spePageInfoFinCde #smallPromos img { width:100vw; }
}
.spePageInfoFinCde .btn-sold-slider img { position:relative; }
.spePageInfoFinCde .btn-sold-slider { height:auto; }

/* #DEV_200_3 structure globale mobile (et pas mobile un peu) */ 
.switch-panier {display:none!important; } /* a enlever pour l'op ? */

.search-product .burger .container-burger {display:none;}

.secondHeader .form-search-product { display:inline-block; width:70%; }
.secondHeader .wrapperOptionsDroite { text-align:right; width:29%; display:inline-block; padding:0 0 10px 0;}
.secondHeader.scroll .row {width:calc(100%  - 260px);}
.secondHeader .icon-user {box-shadow:0px 0px 19px 4px rgb(255 255 255 / 38%); line-height:normal;}
@media (min-width: 768px) {
		.secondHeader .icon-basket {width:54px; height:54px; } 
 }

/* le header principal devient fixed en desktop : on n'utilisera le second header qu'en mobile */
/*
header.firstHeader {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}

@keyframes animationTop {
 from {top:-100%;}
  to {top:0;}
}

body.scrolled2 header.firstHeader {
    position: fixed;
    left: 0;
    right: 0;
	animation-name: animationTop;
	animation-duration:0.4s;
}
*/

header.firstHeader {
    position: fixed;
    left: 0;
    top:0;
}
main.main { margin-top:212px; }
.userconnected main.main { margin-top:164px; }

.wrapperBareSecondHeader .btn-user { padding-top:10px }

@media (min-width: 1024px) {
		/* le second header ne s'affiche pas en desktop car on garde le premier visible */
		header.secondHeader {display:none!important; }

		/* le menu gauche doit être baissé car le header est plus grand désormais */		
		.nav-scroll.scrolled .scroll-wrapper  {top:142px; }
		.userconnected .nav-scroll.scrolled .scroll-wrapper  {top:94px; }

		.product-full-page .nav-scroll.scrolled .scroll-wrapper  {top:0; }		
		.product-full-page .nav.scroll-tab {top:212px; } /* non connecté : onglet pro/revendeur en plus, plus haut */
		.userconnected .product-full-page .nav.scroll-tab {top:164px; } 
		.product-full-page  .second-nav.scroll-tab {top:212px; transition:none; } /* non connecté : onglet pro/revendeur en plus, plus haut */
		.userconnected .product-full-page .second-nav.scroll-tab {top:164px; transition:none;} 	

		/* titre produit fixed sur fiche produit */
		.container-nav-product-sheet.fixed {top:212px; }
		.userconnected .container-nav-product-sheet.fixed {top:164px; }
}

@media (max-width: 1023px) {
		.search-product .burger { display:block; width:94px; }
		.search-product .row { width:calc(100% - 94px ) }
		.search-product .burger .ct-text { display:none; }
		.search-product .burger .container-burger {display:inline-block;}
		.search-product .burger .container-burger { margin-right:0; }
		
		/*bloc fixed en haut au scroll */
		body.scrolled .secondHeader .row { width:calc(100%  - 70px) ; }		
		 .wrapperBareSecondHeader { display:flex; }
		.wrapperRechercheSecondHeader { flex-grow:1; }
		.secondHeader .form-search-product {width:100%; }		
		.secondHeader .wrapperOptionsDroite {  width:auto; }
		
		.secondHeader .form-search-product .search-box {width:calc(100% - 4px)!important;}
		.secondHeader .form-search-product .search-box input { width:calc(100% - 23px); padding-left:5px;}
		
		 /*si scrolled: on cache le premier header entièrement car le second header va s'afficher en fixed */
		body.scrolled .firstHeader { display:none; }

		/* info user */
		.btn-access-account {text-align:left; }
		.btn-access-account .user.userRight {display:block; padding-left:42px; }
		.btn-access-account .userRight .subtitle {display:none; }
		.header.connected .content-pre-header { width:calc(100% - 150px); }
		.wrapperMenuMonCompteHeader { max-width:45vw; }
		.wrapperMenuMonCompteHeader .name { max-width:65%;}
		.wrapperCreerCompteHeader .btn-user { line-height:normal; }
	    .content-pre-header .txtMobile { display:block;}

		/*
		.wrapperOptionsDroite .btn { font-size: 10px; line-height: 20px;  color: #e3e5e9;  text-align: center; }
		.wrapperOptionsDroite .btn:nth-child(2) { margin-left:3px }
		.wrapperOptionsDroite .icon-user .icon { position: absolute;    background-color: white;  border-radius: 50%;  top: -3px;  right: -12px; }
		*/
				
		.wrapperBareSecondHeader .btn-user { font-size: 10px; line-height: 20px;  color: #e3e5e9;  text-align: center; }
		.wrapperBareSecondHeader .btn-user { margin-left:6px }		
		.wrapperBareSecondHeader .icon-user .icon { position: absolute;    background-color: white;  border-radius: 50%;  top: -3px;  right: -12px; }

		/* menu gauche : plus bas car on a les onglets rev/pro en non connecté */
		/*.product-full-page:not(.connected) .nav.scroll-tab {top:118px;}*/

		/* le menu gauche doit être baissé car le header est plus grand désormais */		
		.nav-scroll.scrolled .scroll-wrapper  {top:142px; }
		.userconnected .nav-scroll.scrolled .scroll-wrapper  {top:94px; }

		.product-full-page .nav-scroll.scrolled .scroll-wrapper  {top:0; }		
		.product-full-page:not(.connected) .nav.scroll-tab {top:118px; } /* non connecté : onglet pro/revendeur en plus, plus haut */		
		.product-full-page:not(.connected) .second-nav.scroll-tab {top:118px; transition:none; } /* non connecté : onglet pro/revendeur en plus, plus haut */
		

		.content-pre-header span.headerInfoCnxUser {display:none!important; }
		.connected .content-pre-header span.headerInfoCnxUser  { display:inline-block!important;}
		.content-pre-header { display:flex; align-items:center; width: calc(100% - 150px); }
		.content-pre-header > div, .content-pre-header > span {
		    display: inline-block!important;
		   /*width: calc(33% - 2px)!important;*/
		   /* border: 1px solid grey;*/		   
		    line-height: normal!important;
		    margin: 0!important;
			position:relative;
			flex-grow:1;
		}
		.content-pre-header > div:not(.headerInfoCnxUser):after , .content-pre-header > span:not(.headerInfoCnxUser):after {
		    content: " ";
		    height: 65%;
		    width: 1px;
		    background: #d8d8d8 ;
		    position: absolute;
		    top: 15%;
		    right: -2px;
		}
		.content-pre-header > *:last-child:after { display:none; }
		.connected .panierDroiteHeader { display:inline-block!important; width: auto!important;     flex-grow: unset; }
		.sub-header { padding-right:0; display:flex; align-items:center; }		
		.formAuthentHeader .form-line div.container-input-login {    display: none; }
		.formAuthentHeader, .formAuthentHeader div {width:100%;}
		
}

@media (min-width: 768px)  and (max-width: 1023px) {		
		header:not(.scrolled) .content-pre-header .btn-basket { float:none; display:inline-block; margin-top:0; }
		header .content-pre-header .btn-basket .txtMobile { display:inline; }
}
@media screen and (max-width: 767px) {
		/*
		.main:not(.connected) { margin-top:180px; }
		.main.connected {  margin-top: 130px;  }
		body.scrolled .main.connected {  margin-top: 60px;  }
		*/
		
		main.main { margin-top:178px; }
		.userconnected main.main { margin-top:130px; }

		.header.connected .content-pre-header {    width: calc(100% - 129px); }


		body.scrolled .secondHeader  .search-product { padding:0; }

		.search-product .burger { display:block; width:60px; }
		.search-product .row { width:calc(100% - 60px) }
		.sub-header { text-align:left; padding-right:0; }		
		.sub-header .logo { margin-left:5px; }
				
		body.scrolled .secondHeader .row {    width: calc(100% - 57px);}

		.header.scroll .search-product .burger { width:55px; }		
		/*.secondHeader .form-search-product {width:39%; }*/

		.wrapperBareSecondHeader  { padding:0; }
		.wrapperBareSecondHeader .btn-user { padding-top:15px }
		
		.header:not(.connected) .content-pre-header {  width: calc(100% - 108px); }
		 .content-pre-header .txtMobile {font-size:12px; }

		 /* nav principale doit être plus bas car on a la recherche en haut maintenant */		
		 .product-full-page .nav {    top: 178px; }
		body:not(.scrolled) .connected.product-full-page .nav  { top:130px;}

		.content-pre-header .btn-basket .txtMobile {display:block!important; font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; line-height:normal;}
}


@media screen and (max-width: 450px) {		
		.secondHeader:not(.connected) .wrapperOptionsDroite {  width:67%; }
		
		.content-pre-header > div:after , .content-pre-header > span:after { display:none; }
}
@media screen and (max-width: 405px) {		
		.wrapperBareSecondHeader .btn .txtHiddenXs { display:none;}
		/*.wrapperOptionsDroite .btn:nth-child(2) { margin-left:13px }*/
		.wrapperBareSecondHeader .btn-user { margin-left:13px; padding-top:22px; }
		.wrapperBareSecondHeader .btn:nth-child(2) { margin-left:3px }

		/*.wrapperMenuMonCompteHeader {max-width:30vw; }*/
		.wrapperMenuMonCompteHeader .name {    font-size: 9px; max-width: 60%; line-height:10px; }

		
		.secondHeader .wrapperOptionsDroite {  width:76%; }

		/* en connecté on peut agrandir la recherche et diminuer la zone de droite */
		.connected.secondHeader .wrapperOptionsDroite { width:38%; }		
		.secondHeader:not(.connected) .wrapperOptionsDroite {  width:50%; }

		/*.content-pre-header > span:last-child {align-items:center; display:flex!important; }*/
}

@media screen and (max-width: 375px) {		
		.secondHeader:not(.connected) .wrapperOptionsDroite {  width:64%; }
		.content-pre-header .txtMobile { font-size:10px; }
}
@media screen and (max-width: 350px) {		
		.secondHeader:not(.connected) .wrapperOptionsDroite {  width:100%; }
}

/*#DEV_200_recap*/
#blocRecapCmd { width:900px; max-width:98%; margin:40px auto 10px auto; background: #fffdf9; padding: 20px; border-radius: 6px; box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 30%); }
#blocRecapCmd .destockage { background:none; }
#blocRecapCmd .ligneDF .refs { display:none; }
#blocRecapCmd #grid .produit-small .prix { margin-left:280px;}
#blocRecapCmd #grid .produit-small .dispos { left:830px; z-index:5;}
#blocRecapCmd #grid .produit-small { border-top:1px solid #d4d4d4 !important; }
#blocRecapCmd #grid .produit-small.ligneDF .prix .big span { display:none; } 
#blocRecapCmd #grid .produit-small.ligneDF .prix .big span.mttotal { display:inline-block!important; }
#blocRecapCmd #grid .produit-small.ligneDF .prix { margin-left:140px;}
#blocRecapCmd .ligneDF .title span { font-weight:bold;}
#blocRecapCmd #grid .produit-small.ligneDF  .title { width:300px;}
#blocRecapCmd .horsEnlevement { display:none; }
#blocRecapCmd .validation-shipping { margin:0;}
#blocRecapCmd .reliquat .dispos img {display:none; }
#blocRecapCmd .reliquat .dispos:after {
	content:"Reliquat";  
	padding: 3px;
    display: inline-block;
    border-radius: 1px;
    border: 1px	solid #cccccc;
    color: #dc0404;
	font-size:10px;
	position:absolute;
	top:-10px;
	left:-20px;
	font-weight: bold;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
}


/* cacher la case à cocher sur la page livraison */
.speShippingBtn input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
	display:none;
}

/* Modification panier mobile */
@media screen and (max-width: 1023px) {		
		.table-basket .container-amount .add-pro.btn.btn-checkout { height: 28px!important; line-height: 28px;	}
		
		.lignePanier .remPanach{display:none; }
		
		.table-basket .container-input .add-pro-panier { width:25px!important; height:28px!important;     padding-left: 3px!important;    padding-right: 3px!important;}
		
		.table-basket .volume {bottom:5px; top:unset; width:130px; text-align:left; }
		.table-basket .prix .pu span.price, .table-basket .prix .pu span.reduc { display:block; }
		.table-basket .lignePanier .prix .pu {max-width:128px; }
				
		.table-basket td.first.produit .ct-text-table {position:unset; }
		
		.comment.cms-formulaire {    position: absolute;    bottom: 7px;    max-width: 38vw; }
		
		.table-basket .tbody .dispo {top:-3px; padding:5px 2px 0 0; }
		.table-basket .prix {top:40px; }
		
		.table-basket .tbody .dispo, .table-basket .prix , .table-basket .volume { left:58%; }
		.table-basket .tbody .dispo span, .table-basket .tbody .prix , .table-basket .tbody .volume { left:58%; font-size:12px!important;}
		.table-basket .prix .pu span, .table-basket .prix .pu p { font-size:12px!important; }
		
		.table-basket .sous-total {bottom:-23px; }
		
		.panier-gencod span:nth-child(2) { font-size: 9px; display: inline-block; }
		.table-basket .panier-gencod { margin-bottom:30px; }
}



/******** Refonte mega menu résol large *********/
@media screen and (min-width: 1024px) {		
	.second-nav { z-index:9; }
	body.nav-open nav.nav, 	body.nav-open nav.nav .scroll-wrapper, 	body.nav-open .store-shelves {
		overflow:visible!important;
		height:auto!important;
		display:block!important;
		max-height: unset!important;
	}
	body.nav-open nav.nav .scroll-wrapper { overflow-x:hidden!important; }
	body.nav-open nav.nav .scroll-wrapper > .scroll-content { overflow-y:auto!important; }
	body.nav-open .nav * { transition:none!important; }
	
	body.nav-open { overflow:hidden; }
	body.nav-open #layerGlobalMenu { 
		position: fixed;
	    z-index: 30;
	    background-color: #0c193a;
	    opacity: .24;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    display:none;
	}
	/* position z-index */
	body.nav-open #layerGlobalMenu { display:block; } 
	body.nav-open .header { z-index:32!important;}
	body.nav-open /*.product-full-page*/ .nav { z-index:35!important;}
	body.nav-open .burger { z-index:35!important;}
	body.nav-open /*.product-full-page*/ .container-nav { z-index:35!important;}
	
	/* correction si scrolled-bottom : on n'a plus de fonctionnement particulier */
	body.nav-open /*.product-full-page*/ .nav.scrolled-bottom { position:fixed; bottom:auto; top:212px!important; }
	body.nav-open /*.product-full-page*/ .nav-scroll.scrolled-bottom { position:static; bottom:inherit; top:0; }
	
	/* largeur colonne gauche */
	body.nav-open /*.product-full-page*/ .nav, 	body.nav-open .nav-scroll { width:245px!important; } 
	body.nav-open /*.product-full-page*/ .nav { margin-left:10px; }
	body.nav-open .scroll-wrapper .scroll-content { width:245px!important;} 
	
	/* hauteur et overflow colonne gauche */
	body.nav-open  .nav.content-height { border-bottom-left-radius:10px; box-shadow:0 2px 6px 2px rgb(0 0 0 / 10%); }
	body.nav-open  .nav-scroll { padding:0 0 10px 0; max-height: calc(100vh - 230px)!important; overflow-x:hidden!important; overflow-y:auto!important; border-bottom-left-radius:10px; }
	body.nav-open  .nav.active .nav-scroll { height: calc(100vh - 230px)!important; }
	body.nav-open  .userconnected .nav-scroll { max-height: calc(100vh - 180px)!important;  }
	body.nav-open  .userconnected .nav.active .nav-scroll { height: calc(100vh - 180px)!important; }
	
	/* style titre et lignes colonne gauche */
	body.nav-open .store-shelves .container-overflow { width:100%; }
	body.nav-open .store-shelves .title-menu { padding:10px 5px; text-align:center; position:relative; }
	body.nav-open .store-shelves .title-menu:after { content:" "; width:24px; height:24px;  position:absolute; top:7px; left:-3px; background:url(cmsimg/cursor_vert.png) 5px center/24px 24px no-repeat;}
	/* body.nav-open .store-shelves.store-dealer .title-menu:after { background:url(cmsimg/cursor_vert.png) 5px center/24px 24px no-repeat;}
	body.nav-open .store-shelves.store-all .title-menu:after {content:" "; background:url(cmsimg/icone-check-produit.svg) 5px center/16px 16px no-repeat; transform:rotate(-10deg)} */
	body.nav-open .store-shelves .title-menu.active:after {content:" "; left:2px; background:url(cmsimg/icone-check-produit.svg) 5px center/16px 16px no-repeat; transform:rotate(-10deg)}
	body.nav-open .store-shelves li a { height: 33px; line-height: 29px; padding-left: 7px;    padding-right: 10px; }
	body.nav-open .nav.active .store-shelves li a .txt, body.nav-open .nav.active .title-menu { opacity:1; }
	body.nav-open .store-shelves li a:after { left:7px; }
	body.nav-open .store-shelves li span { font-size:13px;}
	
	/* style partie droite : mega menu contenant les sous sous rubriques */
	body.nav-open .userconnected .container-nav { top:164px; }
	body.nav-open .container-nav .content-nav { padding-top:10px; }
	body.nav-open .container-nav .content-nav .btn-close-menu { top:-25px; }
	body.nav-open .container-nav { top:212px; max-width:75%; box-shadow:0 2px 6px 2px rgb(0 0 0 / 10%); left:255px;}
	body.nav-open .sub-elem-list li { margin-bottom:1px;}
	body.nav-open .sub-elem-list li a { font-size:13px; font-weight:normal;}
	body.nav-open .container-list-columns { -webkit-columns: 4; -moz-columns: 4; columns: 4; }
	body.nav-open .container-nav .ct { height:calc(100vh - 230px)!important; }	
	body.nav-open .userconnected  .container-nav .ct { height:calc(100vh - 180px)!important; }
	body.nav-open .container-nav .ct .container { width:100%; }
	body.nav-open .container-list-columns { display: flex; flex-wrap: wrap; }
	body.nav-open .container-list-columns ul.elem-list { display: flex; align-content: space-between; width: 100%; flex-wrap: wrap; }
	body.nav-open .container-list-columns ul.elem-list > li { width: 24%; margin-right: 5px; padding-right: 5px; }
	body.nav-open .container-list-columns ul.elem-list > li:last-child { margin-right:0; }
	body.nav-open .container-list-columns ul.elem-list > li a.nav-sublink { display:flex; }
	body.nav-open .container-list-columns ul.elem-list > li a.nav-sublink span {  align-self: flex-end;}
	 
	/* gros layer en plus sur le content : pas besoin, on a le nouveau #layerGlobalMenu */
	body.nav-open .content.active:after { display:none!important;}
}


/*.stockHiddenGrid .avecTooltip:hover:after { transform: rotate(12deg);}*/
.stockHiddenGrid .avecTooltip:after { display:none; }
.stockHiddenGrid .avecTooltip .hiddenPnv:last-child { position:relative; }
.stockHiddenGrid .avecTooltip .hiddenPnv:last-child:after {  content:" "; background: url(cmsimg/infobulle.png) center center/19px 19px no-repeat; position: absolute; top: -8px; right: -20px;  width: 19px; height:19px; transform: rotate(0deg); transition: transform .2s ease-out; }


/* fix affichage premier contact uniquement en header $1655357 */
.header .mescontacts .assess > span {  display: none; }
.header .mescontacts .assess > span:first-child {  display: inline-block; }

/* expo 2022 */
.panier_op .btn-basket .txt {color:#ff7398 ; }
.spePeriodeActive1 thead td.opSpeColDate1 { background:#ff7398 !important;}
.spePeriodeActive2 thead td.opSpeColDate2 { background:#ff7398 !important;}
.spePeriodeActive3 thead td.opSpeColDate3 { background:#ff7398 !important;}
.spePeriodeActive4 thead td.opSpeColDate4 { background:#ff7398 !important;}

.panier_op .spePeriodeActive1 tfoot .opPqte td.opSpeColDate1,
.panier_op .spePeriodeActive2 tfoot .opPqte td.opSpeColDate2,
.panier_op .spePeriodeActive3 tfoot .opPqte td.opSpeColDate3,
.panier_op .spePeriodeActive4 tfoot .opPqte td.opSpeColDate4  { background:#ff7398 !important;}

.panier_op .opPqte .opspe-txt-ko { border:0px solid white; }

.spePeriodeActive1 .opPqtebody table td.opSpeColDate1,
.spePeriodeActive2 .opPqtebody table td.opSpeColDate2,
.spePeriodeActive3 .opPqtebody table td.opSpeColDate3,
.spePeriodeActive4 .opPqtebody table td.opSpeColDate4{background: #fdf8ed!important;}


.opCalLibSelection input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: white;
  width: 1.15em;
  height: 1.15em;
  border: 0.13em solid white;
  border-radius: 0.30em;
  transform: translateY(0.2em);
  display: inline-block;
  position:relative; 
}

.opCalLibSelection input[type="checkbox"]::before {
  content: "";
  position:absolute;
  top:0.10em;
  left:0.10em;
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  
  background-color: white;  
  
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.opCalLibSelection input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.opCalLibSelection input[type="checkbox"]:checked {
  background:green;
}

tfoot .opSpeTd1  .total {     text-align: left!important;     padding-left: 20%!important; }

.panier_op .product-list-table .thead ._opSpeTh5 { background-color: #3dbddd; }
.panier_op .product-list-table .thead .opSpeTd5, .panier_op .product-list-table .thead .opSpeTd6, .panier_op .product-list-table .thead .opSpeTd7 {background-color: #3dbddd;}

.opCalLibSelection label { font-size:16px; font-weight:bold; }


/* expo 2022 compteur accueil */
#bloc-fidelite-accueil {height:325px!important; min-height:auto; overflow:visible; z-index:10; font-size: 12px; text-transform: none; font-weight: 100; font-family: "calibri", Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;}
#bloc-fidelite-accueil .innerBloc { background: url(cmsimg/exp-fond.png) center center no-repeat #1d1a55; color:white; height:100%; }
.hp-refonte .height-sold#bloc-fidelite-accueil { height:325px!important; }
#bloc-fidelite-accueil h2 { font-family:'Poppins_Bold'; font-size:32px; text-transform:uppercase; color:#e2ad30; text-align:center; text-shadow: 1px 0 0 #2d2661, -1px 0 0 #2d2661, 0 1px 0 #2d2661, 0 -1px 0 #2d2661, 1px 1px #2d2661, -1px -1px 0 #2d2661, 1px -1px 0 #2d2661, -1px 1px 0 #2d2661; }
#bloc-fidelite-accueil .zonePoints { position:relative; margin:0 0 0 10px;  padding-top:89px;}
#bloc-fidelite-accueil .zonePoints .pointsBulle {top:0; left:0; background: url(cmsimg/exp-bulle.png) top center no-repeat; width:69px; height:127px; position:absolute; background-size: contain;}
#bloc-fidelite-accueil .zonePoints .pointsBulle .innerPointsBulle {top:22px; left:10px; background: url(cmsimg/exp-caddie.png) top center no-repeat; width:47px; height:34px; position:absolute; background-size: contain; font-size:10px; padding: 5px 0 0 14px; line-height: 10px; text-align: center;}
#bloc-fidelite-accueil .zonePoints .pointsBulle .innerBulleValeur {font-weight:bold;}
#bloc-fidelite-accueil .zonePoints .pointsBulle .innerBulleText {text-transform:uppercase; font-size:8px;}


#bloc-fidelite-accueil .zonePoints .pointsLastYear {top:0; right:0; background: url(cmsimg/exp-drapeau.png) center center no-repeat; width:71px; height:106px; position:absolute; background-size: contain; color:black; text-align:center;}
#bloc-fidelite-accueil .zonePoints .pointsLastYear .innerPointsLastYear { transform: rotate(-38deg); padding-top: 18px;  line-height: 13px; }
#bloc-fidelite-accueil .zonePoints .pointsLastYear .innerBulleValeur {font-weight:bold; font-size:17px;}
#bloc-fidelite-accueil .zonePoints .pointsLastYear .innerBulleText {text-transform:uppercase; font-weight:bold; font-size:12px;}

#bloc-fidelite-accueil .zonePoints .points1 { width:30%; top:0; left:0;}
#bloc-fidelite-accueil .zonePoints .points1:after { width:25px; height:51px; position:absolute; top:0; right:-22px; background:url(cmsimg/exp-bar-fin.png) center center no-repeat; content:" "; z-index:15;}
#bloc-fidelite-accueil .zonePoints .points2 { width:20%; top:0; left:30%;}
#bloc-fidelite-accueil .zonePoints .points2:after { width:23px; height:51px; position:absolute; top:0; right:-22px; background:url(cmsimg/exp-bar-verte-fin.png) center center no-repeat; content:" "; z-index:15;}
#bloc-fidelite-accueil .zonePoints .points {position:absolute; height:51px; font-size:10px; }
#bloc-fidelite-accueil .zonePoints .points .innerPointsImg { width:100%; height:100%; overflow:hidden; position:relative; }
#bloc-fidelite-accueil .zonePoints .points img {position:absolute; top:0; left:0; height:100%; width: auto;}
/*
#bloc-fidelite-accueil .zonePoints .points .innerPointsText { position:absolute; top:5px; left:0; height:100%; width:100%; text-align:center; color:black;}
#bloc-fidelite-accueil .zonePoints .points .innerPointsSubtext { position:absolute; top:15px; left:0; height:100%; text-align:center; color:black;}
*/
#bloc-fidelite-accueil .zonePoints .points .innerPointsValeur { position:absolute; top:15px; left:0; height:100%; text-align:center; color:black; font-weight:bold; width:100%; font-size:15px;}
#bloc-fidelite-accueil .zonePoints .points2 .innerPointsValeur { left:4px; z-index:17; padding-left:10px;}

#bloc-fidelite-accueil .zonePoints .barrePoints { position:relative; background: url(cmsimg/exp-bar-grise.png) center center no-repeat; width:572px; height:51px; background-size:cover;max-width:100%;}
#bloc-fidelite-accueil .zonePoints .cadeaux { width:100%; height:43px; background: url(cmsimg/exp-cadeaux.png) center 4px repeat; }

#bloc-fidelite-accueil .zoneLegende { margin:5px 0 0 10px; color:white;  }
#bloc-fidelite-accueil .zoneLegende .legendeValeur { font-size:10px; border:2px solid white; border-radius:15px; color:black; font-weight:bold; height:20px; width:40px; padding:2px 0 0 0; text-align:center; display:inline-block; vertical-align:top;}
#bloc-fidelite-accueil .zoneLegende .legende1 .legendeValeur { background:#e2ad30; margin:0 6px 0 3px; }
#bloc-fidelite-accueil .zoneLegende .legende2 .legendeValeur { background:#59b032; margin:0 6px 0 3px;  }
#bloc-fidelite-accueil .zoneLegende .legende3 { background: url(cmsimg/exp-bulle.png) top left/49px 61px no-repeat; height:63px; position:relative; padding-left:30px; padding:20px 0 0 53px;}
#bloc-fidelite-accueil .zoneLegende .legende3 .legendeValeur { border-radius:0; position:absolute; top:17px; left:7px; border:0px solid white; background: url(cmsimg/exp-caddie.png) top center/34px 20px no-repeat; width:34px; height:23px; color:white; padding:3px 0 0 10px; font-size:8px;}
#bloc-fidelite-accueil .zoneLegende .legendeText { font-size:12px; line-height:12px;  display:inline-block; width:80%;}
#bloc-fidelite-accueil .zoneLegende .infoLegende  { margin:0 0 3px 0;}
#bloc-fidelite-accueil .zonePied { position:absolute; bottom:4px; left:0; width:100%; text-align:center; font-size:1em; color:#e2ad30; font-weight:bold; text-shadow: 1px 0 0 #2d2661, -1px 0 0 #2d2661, 0 1px 0 #2d2661, 0 -1px 0 #2d2661, 1px 1px #2d2661, -1px -1px 0 #2d2661, 1px -1px 0 #2d2661, -1px 1px 0 #2d2661; }

 /*$1754126*/
 @media (max-width:1023px) {
	 .rechProAutoComplete { width:100%!important; left:0!important; max-height:80vh; overflow-y:auto;}
	 .rechProAutoComplete .wicket-aa { width:100%!important; }
 }

 /*$1768967*/
 @media (max-width: 1279px) {
 	.page-panier-opspe .content-full > .container-full {
	    margin-left: -8px;
	}
	.page-panier-opspe td.supprimer .btn > a { margin-left:-20px!important;}
 }

/*$1759634 - #DEV_235*/
.select2-container--open .select2-dropdown { border:1px solid #aaa!important;}
.wrapperNuancierSelect .select2-selection { height:37px!important; border:0px solid white!important; padding-top:5px; }
.wrapperNuancierSelect .select2-container--default .select2-selection--single .select2-selection__arrow { top:7px!important;}
.select2-container--default .select2-results>.select2-results__options { max-height:50vh!important; }
.select2-results__option--selectable { line-height:23px; }
#nuancierListWrapper .select2-container { position:relative!important; top:0!important; left:0!important; }
#nuancierListWrapper .select2-dropdown { position:relative!important; top:0!important; left:0!important; border:0px solid white!important; z-index:10!important; width:100%!important;}
#nuancierListWrapper .select2-results li.select2-results__option { display:inline-block; width:45px; height:45px; }
.wrapperNuancierList .select2 { display:none; }
.wrapperNuancierList { margin:10px 0 10px 0; }
.wrapperNuancierSelect .tooltip { display:none!important; }
.wrapperNuancierList select { visibility:hidden;}
.select2-selection__rendered .nuancierCarreCouleurListe { top:4px!important; }
.wrapperNuancierList .nuancierCarreCouleurListe { width:30px!important; height:30px!important; }


/*#DEV_223*/
.shipping .speFormLivraison { max-width:1200px; margin:auto;} 
.shipping .speFormLivraison .container-shipping { padding:10px;  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 25%); margin-top:10px;} 
.shipping .speFormLivraison .container-shipping .speShippingIcon { float:left; width:20%; }
.shipping .speFormLivraison .container-shipping .speShippingIcon .icon-shipping-other-agency { background: url(cmsimg/icone-retrait-autre-agence.png) center bottom/68px 68px no-repeat; width: 71px; height: 68px;  }
.shipping .speFormLivraison .container-shipping .speShippingText { float:left; width:78%; text-align:left; } 
.shipping .speFormLivraison .container-shipping .speShippingIconEtText  { float:left; width:78%; } 
.shipping .speFormLivraison .container-shipping .speShippingBtn  { float:left; width:20%; margin-top:15px; } 
.shipping .speFormLivraison .container-shipping .dropdownAgences { border:1px solid #ddd; padding:4px; }

@media (max-width:767px) {
	.shipping .speFormLivraison .container-shipping { margin-top:17px; }
	.shipping .speFormLivraison .container-shipping .speShippingIcon { float:left; width:72px; } 
	.shipping .speFormLivraison .container-shipping .speShippingText { float:left; width:calc(100% - 75px); text-align:left; } 
	.speFormLivraison .btn-chose { width:125px; }
	.speFormLivraison .speShippingBtn { right:60px; bottom:-7px; }
}

/*$1803503*/
#pbCloseBtn:before,#pbAutoplayBtn:before {
    box-sizing: unset;
    border: 1px solid #b3b3b3
}

/* $1808111 */
.paginationBas .product-number,
.paginationBas .select-container,
.paginationBas .container-sort-product ,
.paginationBas .container-switch-visual-product
{ display:none; }
.paginationBas .container-paging { border-bottom:0px solid white; }


/* $1803663 #DEV_251 */
.lnkminus, .lnkplus {
    display: inline-block;
    position: relative;
    position: absolute;
    top: 0px;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none!important;
    left: 0px;
    width: 35px;
    /*border: 1px solid #d9d9d9;*/
    text-align: center;
    height: 100%;
    line-height:normal!important;
}
.lnkminus a, .lnkplus a { display:block; width:100%; height:100%; text-decoration:none!important;}
.lnkminus:hover, .lnkplus:hover { color:grey; }
.lnkplus { right: 0px; left: unset; }
.cms-input-qte { padding-left:25px; padding-right:25px; text-align:center;}
/*   --- sur fiche produit */
.product-deccription-container .container-select-box .lnkminus, 
.product-deccription-container .container-select-box .lnkplus {  top:0px; } 
.product-deccription-container .container-select-box .lnkplus {  right:10px; } 
/*   --- sur liste produits du groupement + produits complémentaires/similaires */
.autre-reference-table .cms-input-qte , .complementary-products .cms-input-qte, .innerQteRegroup .inputQte { padding-left:0px!important; padding-right:16px!important; text-align:center!important; }
.autre-reference-table .lnkminus, .autre-reference-table .lnkplus , 
.complementary-products .lnkminus, .complementary-products .lnkplus { text-indent: -9999px; width:20px; height:17px;/*border:0px solid white;*/ line-height:11px;}
.autre-reference-table  .lnkminus:before, .autre-reference-table  .lnkplus:before,
.complementary-products .lnkminus:before, .complementary-products .lnkplus:before { text-indent:0; position:absolute; top:0px; left:4px; font-size:11px; color:#7a7777; /*width:20px; height:20px;*/}
.autre-reference-table .lnkplus { right:0px; left:unset; top:0px; }
.complementary-products .lnkplus { right:0px; left:unset; top:0; }
.autre-reference-table .lnkminus { bottom:0px; right:0px; top:unset; left:unset;}
.complementary-products .lnkminus { bottom:0; right:0px; top:unset; left:unset;}
.autre-reference-table .lnkplus:before , .complementary-products .lnkplus:before { content:'\25B2';}
.autre-reference-table .lnkminus:before, .complementary-products .lnkminus:before { content:'\25BC';}
.innerQteRegroup { position:relative;}


.container-amount .ccl img { display:none; }
.container-amount .ccl .chiffrecond img { display:inline-block; }
.avecLienUnite .ccl > span > span p { padding-left:54px; display:inline-block!important;}

/*#DEV_254*/
.avecLienUnite .container-amount .conditioning { width: calc(65% - 74px); }
.btnAddCarton img { padding-top: 20px; padding-left: 10px; }
.band-product .btnAddCarton img { padding-top: 0px; padding-left: 10px; }

/*$1839629*/
.speSimg1_2 td img { margin:2px; }


 /*#DEV_222*/
 .modal-sav .modal-title {border:1px solid #9d9d9d; border-bottom:0px solid white; background:#133455; color:white; padding:10px; font-size:2em;text-align:center; }
 .modal-sav th { background:#403b3b; color:white; padding:4px 2px 4px 2px; text-transform: uppercase; font-weight:bold;}
 .modal-sav td { font-weight:bold; padding:4px 2px;}
 .modal-sav table { margin-bottom:15px;}
 .modal-sav label { display:inline-block; color:#fe6029; font-weight:bold; margin-top:10px;  text-align:right;}
 .modal-sav a.btn-add-to-basket { margin-top:15px;}
 .modal-sav select { padding-left: 10px;  padding-right: 10px;  height: 39px;  display: inline-block;  vertical-align: middle; width:312px;}
 .modal-sav .icon-fermer-modal { color:white;font-size: 35px;transform: rotate(45deg);font-family: arial;}
 .modal-sav .modal-content { padding:0; }
 .modal-sav .modal-body { padding:0 10px 10px 10px; }
 .modal-sav textarea { height:70px; padding:3px;}
 .modal-sav .qteRetourSAV { display:inline-block; vertical-align:middle; margin-left:2px; }
 .modal-sav input[name="qteRetourSAV"] { padding:3px; border:1px solid #767676; width:242px; height:39px; margin-right:0;}
 .modal-sav .uploadPhoto { width: 432px;margin-left: 21px;margin-right: 0; }
 .modal-sav .left { float:left; width:40%; }
 .modal-sav .right { float:left; width:56%; margin-left:10px; }
 .modal-sav .ligne { clear:both; margin:10px 0 0 0 ;}
 .modal-sav .ligne::after , .modal-sav .ligne::after {     display: block;  content: "";  clear: both;   }
 .cms-modaldetailSAV label { text-align:left; float:none; display:block;}
 .cms-modaldetailSAV .savDetailStatut span {color:white; font-size:1.3em; float:right; margin-top:-5px; padding:3px 5px; border-radius:5px; font-weight:bold; margin-bottom:5px;}
 .cms-modaldetailSAV .litigeEnCours { background:#8f8f8f;}
 .cms-modaldetailSAV .litigeCloture { background:green; }
 .cms-modaldetailSAV .ligne { background:white;padding:5px; ; }
 .cms-modaldetailSAV label {margin:0;}
 .cms-modaldetailSAV .ligne table {margin:0;}
 .cms-modaldetailSAV .ligne.savDetailSuivi span { background: #ffd89e; padding: 5px; border-radius: 5px; display: block; font-size: 1.3em; }
 .tdSav .btn-sav span { display:inline-block; padding:2px 5px; font-weight:bold; font-size:.9em; border-radius:3px; background:#ff5e00; color:white; }
 .tdSav .btn-sav span.litigeEnCours { background:#8f8f8f; }
 .tdSav .btn-sav span.litigeCloture { background:green; }
 
 .icon-sav {    background: url(cmsimg/icone-sav.png) center center/20px 20px no-repeat; width: 30px;    height: 30px; }
 .account-menu a:hover .icon-sav, .account-menu a.active .icon-sav {    background: url(cmsimg/icone-sav-vert.png) center center/20px 20px no-repeat; width: 30px;    height: 30px; }
 .page-moncompte .menuvcompte .icon-sav {    width: 90px;     height: 90px;   background: url(cmsimg/icone-sav.png) center center/90px 90px no-repeat; } 
 
  @media (min-width: 1024px) {
	 .order-list .lnkDetail { display:none;}
	 .order-list tr td , .order-list tr { cursor:pointer; }
	 .order-list tbody tr td:hover , .order-list tbody tr:hover  { background:#f5f5f5; }
	 
	 .order-list tbody tr.ligne-cde-opspe td:hover , .order-list tbody tr.ligne-cde-opspe:hover  {background: #fbedc3;} /*#DEV_222_2 */
	 .order-list tbody tr:hover  { box-shadow:0px 0px 6px 0px rgb(44 80 116); -moz-box-shadow:0px 0px 6px 0px rgb(44 80 116); -webkit-box-shadow:0px 0px 6px 0px rgb(44 80 116); }
 }
 
 .pageListeLitiges h1 { text-align:center; margin-bottom:20px;}
 .listeLitiges .mobile-label { font-weight:bold; }
 .listeLitiges .product-list-table .thead .first { width:auto;}
 .listeLitiges .tdSav .btn-sav span { font-size:.8em;}
 .listeLitiges .product-list-table th { height:40px; }
 .listeLitiges .product-list-table .thead tr { height:40px; }
 .pageListeLitiges { max-width:1200px; }
 .listeLitigesWrapper .titreProduit { display:none; } 
 .listeLitigesWrapper.litigesEncours .titreProduitReceptionne { display:inline; } 
 .listeLitigesWrapper.litigesFactures .titreProduitFacture { display:inline; } 
 .listeLitigesWrapper.litigesEncours { float:left;width:49%; position:relative; } 
 .listeLitigesWrapper.litigesEncours:after {background:#bbb; width:1px; height:100%; position:absolute; top:10px; right:-13px; content:" "; display:block } 
 .listeLitigesWrapper.listeLitigesWrapperHaut.litigesEncours:after {display:none;} 
 .listeLitigesWrapper.litigesFactures { float:right;width:49%; } 
 .listeLitigesWrapper .wrapperBtn { text-align:center;} 
 .listeLitigesWrapper .btnLienLitige { padding:10px;  color:white; font-weight:bold; padding-left:50px; background: url(cmsimg/cursor.png) 10px center/30px 30px no-repeat var(--primarydodbis); border:1px solid var(--primarydodbis);}
 .listeLitigesWrapper .btnLienLitige:hover { color:var(--primarydodbis); background: url(cmsimg/cursor_vert.png) 10px center/30px 30px no-repeat white; }
 .listeLitigesWrapper .msgAucun { font-weight:bold; text-align:center;padding:20px;}
 
@media (max-width: 767px) {
	 .listeLitigesWrapper { float:none!important; width:100%!important;}
	 .listeLitigesWrapper.litigesEncours { border-bottom:1px solid #bbb; margin:0 0 20px 0; padding:0 0 10px 0; } 
 	 .listeLitigesWrapper.litigesEncours:after {display:none; }
}

tr td .infoLitige { padding:2px 4px; display:inline-block; color:white; font-weight:normal;}
tr td .infoLitige.litigeEnCours { background:#8f8f8f;}
tr td .infoLitige.litigeCloture { background:green;}

.wrapperMenuMonCompteHeader .account-menu li a .icon { margin-right: 6px; }
.wrapperMenuMonCompteHeader .account-menu li a { padding-left: 15px; padding-right: 15px; }
.infoDemandeFaite { padding:2px 6px; background:#62a8f1; color:white; font-weight:normal; }

/*#DEV_222_2*/
.cms-selcdepanel .container-select-box .select-list.with-sticky-btn > ul { max-height:none; }  
.cms-selcdepanel .container-select-box .select-list.with-sticky-btn { box-shadow:0px 0px 6px 0px rgb(201 201 201); -moz-box-shadow:0px 0px 6px 0px rgb(201 201 201); -webkit-box-shadow:0px 0px 6px 0px rgb(201 201 201); }
.cms-selcdepanel .container-select-box .select-list .check-box .label-check::before { top:37%; }
.listeFactures .date-input-box { width:calc(50% - 7px)!important; display:inline-block}
.listeFactures .date-input-box:first-child { margin-right:10px;}
.listeFactures .search-order-form .yui-skin-sam { top: 10px; }
.tableEnteteFacture .totalTd { background: #f0f0f0; }
.enteteFacture .tableEnteteFacture { border-spacing:0 10px!important; padding-right:0!important;  }
.detailCdePage .lignesFacture { overflow-x:hidden; clear:both; }
.detailCdePage .enteteFacture { padding:0!important; }
.detailCdePage .lignesFacture .tableLignesFacture { margin:10px 0;}
.enteteFacture .tableEnteteFacture .petitTitre { font-size:14px!important; }
.detailCdePage .tableEnteteFacture .trTotalBas .tdPartie  { padding:5px; }
.detailCdePage .tableEnteteFacture .trTotalBas .tdPartie  span { font-size:14px!important; font-family:calibri; color:black!important; font-weight:normal; }
/* page récap cmd + totaux panier */ 
.table-basket .tfoot .total span:first-child { width:calc(50% - 5px); text-align:right; margin-right:0; vertical-align:top; padding-right:5px;}
.table-basket .tfoot .total span:nth-child(2) { width:calc(50% - 5px); text-align:left; padding-left:5px; margin-left:0;}
.listeDevis .aucun { font-size:18px; }
/*sav*/
 .modal-sav .modal-title { font-family:Poppins_Bold, sans-serif; text-transform:uppercase; font-size:25px;}
 .modal-sav th { font-family:calibri, Candara; font-size:16px; background:#133455; text-transform: none;}
 .modal-sav td { text-align:center; }
 .modal-sav label { text-align:left; color:#133455; margin-top:0; }
 .modal-sav .form { display:block; }
 .modal-sav .form input , .modal-sav .form select , .modal-sav .form textarea { background:white; border:0px solid white!important;}
 .modal-sav .right { margin:0;}
 
 .modal-sav input::-webkit-input-placeholder, .modal-sav  .container-select-box::-webkit-input-placeholder {    color: #8e8e8e; font-style: italic; }
 .modal-sav input:-moz-placeholder, .modal-sav  .container-select-box:-moz-placeholder {     color: #8e8e8e; font-style: italic; }
 .modal-sav input::-moz-placeholder,.modal-sav  .container-select-box::-moz-placeholder {     color: #8e8e8e; font-style: italic; }
 .modal-sav input:-ms-input-placeholder, .modal-sav  .container-select-box:-ms-input-placeholder {    color: #8e8e8e; font-style: italic; }
 .modal-sav input::-ms-input-placeholder, .modal-sav  .container-select-box::-ms-input-placeholder {    color: #8e8e8e; font-style: italic;} 
 .modal-sav input::placeholder, .modal-sav  .container-select-box::placeholder {    color: #8e8e8e; font-style: italic; }
  
 .modal-sav textarea::-webkit-input-placeholder{    color: #8e8e8e; font-style: italic; }
 .modal-sav textarea:-moz-placeholder {     color: #8e8e8e; font-style: italic; }
 .modal-sav textarea::-moz-placeholder {     color: #8e8e8e; font-style: italic; }
 .modal-sav textarea:-ms-input-placeholder {    color: #8e8e8e; font-style: italic; }
 .modal-sav textarea::-ms-input-placeholder {    color: #8e8e8e; font-style: italic;} 
 .modal-sav textarea::placeholder {    color: #8e8e8e; font-style: italic; }
 
 .lignesFacture .tableLignesFacture .miseEnValeur .reliquat { position:relative; margin:0 0 5px 0; } 
 .lignesFacture .tableLignesFacture .miseEnValeur .reliquat:before {
 content:"Reliquat"; 
 position:absolute;
 top:0;
 left:0;
 display:inline-block;
    font-weight: bold;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    padding: 5px;
    display: inline-block;
    border-radius: 1px;
    border: 1px solid #cccccc;
    color: #dc0404;
 }
 
.detailFacPage .thSav, .detailFacPage .tdSav,
.listeFactures .tdSav,  .listeFactures .infoLitige {display:none;} 
.listeLitiges a { text-decoration:underline; }
.listeLitiges a:hover { text-decoration:none; }

.account-menu a:hover .icon-devis, .account-menu a.active .icon-devis { background: url(cmsimg/icone-devis-vert.png) center center/19px 18px no-repeat;  width: 30px; height: 30px; }
.icon-devis { background: url(cmsimg/icone-devis.png) center center/19px 18px no-repeat;  width: 30px; height: 30px; }
.page-moncompte .menuvcompte .icon-devis {  background: url(cmsimg/icone-devis.png) center center/90px 88px no-repeat;  width:90px; height: 90px; }
/*#DEV_222_4*/
span.liWrapperMenu { max-height: 74vh; overflow: auto; display: block;}

.list-export .icon-print { background: url(cmsimg/icone-imprimer.svg) center center/23px 18px no-repeat; width: 23px; height: 18px; }
.list-export .lnk-print { line-height:40px;}
li#liExportPanier { line-height: 40px; list-style-type:none; margin:0 0 0 10px; display:inline-block ; float:none!important;}
.icon-excel { background: url(cmsimg/icon-excel.jpg) center center/18px 24px no-repeat;  width: 18px; height: 24px }



/* #DEV_263 */
.blocPointsFidelite { position:relative; display:block; float:left; }
.blocnbPointsGlobal { padding-left:7px;}
.blocPointsFidelite .titrePointsGlobal { font-size:14px; color:#1a3046; font-family:'Poppins_SemiBold', sans-serif; }
.blocPointsFidelite .flip-clock-wrapper ul li a div div.inn { font-size:11px; color:white!important; background-color:var(--primarydod); text-shadow:none;}
.blocPointsFidelite .flip-clock-wrapper ul { width:13px; height:20px; line-height:20px; margin:1px;}
@media (max-width: 1100px) { 	.content-pre-header .btn-access-account > div.blocPointsFidelite { display:none!important;  } }
@media (max-width: 1023px) { 
	.content-pre-header .btn-access-account > div.blocPointsFidelite { flex-grow: unset; }
	.content-pre-header .btn-access-account > div.blocPointsFidelite:after { right:-25px!important;}
}
@media (min-width: 1024px) and (max-width: 1160px) {  .content-pre-header > div.blocPointsFidelite { display:none!important;  }  }
.blocnbPointsGlobal { position:relative; } 
@media (min-width: 880px) { 
	.counterSpeFidProVoyage.flip-clock-wrapper:before { content:" "; position:absolute; top:5px; left:-122px;  width:26px; height:17px; background:url(cmsimg/avion.png) 0 0/17px 17px no-repeat;}
	.counterSpeFidProPrivilege.flip-clock-wrapper:before { content:" "; position:absolute; top:5px; left:-126px;  width:26px; height:13px; background:url(cmsimg/noeud-papillon.png) 0 0/26px 13px no-repeat;}
	.counterSpeFidRevendeur.flip-clock-wrapper:before { content:" "; position:absolute; top: 0px;  left: -117px; width: 21px; height: 22px; background: url(cmsimg/cadeau.png) 0 0/21px 22px no-repeat;}
}
.blocPointsFidelite .lienWrapper { display:block;     margin-left: 7px; }
.blocPointsFidelite > a *  { cursor:pointer!important; }
.blocPointsFidelite .flip-clock-wrapper .flip { box-shadow:none!important;}
.blocPointsFidelite .flip-clock-wrapper ul li a div div.inn { border-radius:3px; }
.blocnbPointsFidRevendeur {padding-left:20px;}
.blocnbPointsVoyage {padding-left:32px;}
.blocnbPointsPrivilege {padding-left:32px;}
.blocPointsFideliteRevendeur { padding-top:9px;}
@media (min-width: 1024px) {
		.btn-access-account .user .wrapperMenuMonCompteHeader { margin-left:1vw;}
		.btn-access-account .blocPointsFidelitePro:after { content: " "; height: 50px; width: 1px; background: #d8d8d8; position: absolute; top: 15%; right: -1vw;}
		.btn-access-account .blocPointsFideliteRevendeur:after { content: " "; height:50px; width: 1px; background: #d8d8d8; position: absolute; top: 22%; right: -1vw;}
		.btn-access-account .userRight:after { height:50px;}
}
.blocPointsFidelite .titreNbPoints {line-height:15px;}


/* Ticket 1856383 */
@media (max-width: 767px) { 
	.lignesFacture .tableLignesFacture .trproduit  { position:relative; }
	.lignesFacture .tableLignesFacture .miseEnValeur .reliquat {  width:20px; position:absolute; top:45px; right:30px; }
	.lignesFacture .tableLignesFacture .miseEnValeur .reliquat:before {  line-height:20px;}
}


/*$1853912
.cms-blocResultats em, .surligne { background:#6eff3c; }
*/
.cms-blocResultats em { font-weight:bold; font-style: normal;}
/*...1853912*/


/* salon pro 1905224 */
.pageSalonPro .bloc3blocs:nth-child(1) .btnImgSpeFou { background-color:#fe167a; }
.pageSalonPro .bloc3blocs:nth-child(4) .btnImgSpeFou { background-color:#fe167a; }

.pageSalonPro .bloc3blocs:nth-child(2) .btnImgSpeFou { background-color:#5EB130 ; }
.pageSalonPro .bloc3blocs:nth-child(3) .btnImgSpeFou { background-color:#f28a28 ; }
.pageSalonPro .bloc3blocs:nth-child(5) .btnImgSpeFou { background-color:#c19d04 ; }
.pageSalonPro .bloc3blocs:nth-child(6) .btnImgSpeFou { background-color:#27abe3 ; }