/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 * /
 #header{ background: red !important; }
 /*****************************************************************/
/*****************************************************************/
/*****A ajouter dans /www/themes/classic/assets/css/error.css*****/
/*****************************************************************/
/*****************************************************************/

/*Affichage logo responsive sur la page de maintenance*/
.logo img{width:100%;height:auto;}

/*****************************************************************/
/*****************************************************************/
/*****Modifier dans /www/themes/classic/assets/css/theme.css******/
/*****************************************************************/
/*****************************************************************/

/**Modification taille du logo sur le site**/
/*Modification de width pour la passer à 100%*/
.col-md-2{float:left;width:100%}

/*Modification de max-width, ajout de display, margin-left, margin-right*/
#header .logo{max-width:40%;margin-left:auto;margin-right:auto;display:block;}

/**Centrer les icônes d'accès aux comptes réseaux sociaux**/
/*Modification de text-align, ajout width*/
.block-social{text-align:center;width: 100%;}

/**Suppression de l'affichage du copyright Prestashop**/
/*Ajout de la ligne suivante*/
._blank{display:none}

/**Modification des positions des liens Contactez-nous et Connexion**/
/*Modification de float, suppression de width*/
.col-md-5{float:right;}

/*Mise en commentaire de l'instruction ci-dessous*/
/*.col-md-7{float:left;width:58.33333%}*/

/*Suppression de width*/
.col-xs-12{float:left;}
/*Mise du menu sur une ligne*/
.col-md-10{float:left;width:100%}

/*Centrer les images des produits*/
#products img,.featured-products img,.product-accessories img,.product-miniature img{margin-left:3px;margin-top:3px}

/*Centrer bouton connexion mobile*/
#submit-login{display:block;margin:auto}

/*Centrer bouton enregistrement personnalisation mobile*/
.btn.btn-primary.float-xs-right {white-space: break-spaces}

/*Style fiche produit mobile*/
.qty .input-group.bootstrap-touchspin {display: contents;}
.add .btn.btn-primary.add-to-cart {white-space: inherit;height: auto;}

/*Mise en page des produits qui pourraient intéresser*/
.product-accessories.clearfix {padding-top: 20px;}

/*Mise en forme du bouton de connexion*/
#customer-form .btn.btn-primary.form-control-submit.float-xs-right {white-space: inherit;}

/**Mise au propre de la pagination**/
/*Version mobile*/
/*Ajout de la ligne suivante*/
.previous.js-search-link{padding-right:5px}

/**Modification de la taille des images sur les pages produits**/
/*Ajout de la ligne suivante*/
.color.texture{width:7rem;height:7rem}

/**Alignement du footer**/
/*Ajout de la ligne suivante*/
#block_myaccount_infos{width:auto}
.footer-container .container{display:flex;align-content:center;justify-content:center}
.footer-container .col-md-6.wrapper,.footer-container .col-md-6.links{width:auto}

/**Suppression du bloc Information du formulaire de contact**/
/*Ajout de la ligne suivante*/
#contact #left-column{display:none}

/**Recadrage du formulaire de contact**/
/*Ajout de la ligne suivante*/
#contact .col-md-9{width:100%}

/**Modification des icones reseaux sociaux**/
/*Modification de la couleur de fond du hover*/
.block-social li:hover{background-color:#f1f1f1}
/*Suppression de background-color*/
.block-social li{height:2.5rem;width:2.5rem;background-repeat:no-repeat;display:inline-block;margin:.125rem;cursor:pointer;background-color:transparent}

/*******************************/
/**Uniformisation des couleurs**/
/*******************************/

/**********/
/**Header**/
/**********/

/**Gris**/

/*Modification de color*/
#header a{color:#7a7a7a}

/**Bleu canard**/

/**Modification de la couleur du texte au passage de la souris**/
/*Modification de color*/
#header a:hover{text-decoration:none;color:#026377}
#header .top-menu a[data-depth="0"]:hover{color:#026377;text-decoration:none}

/*Modification de color*/
#blockcart-modal .product-name{color:#026377;font-size:1.125rem}

/*Modification de background*/
#header .header-nav .cart-preview.active{background:#026377}

/*******************/
/**Corps des pages**/
/*******************/

/**Blanc**/

/*Ajout de la ligne ci-dessous*/
.container h2,#wrapper h1,.all-product-link.float-xs-left.float-md-right.h4,#add-to-cart-or-refresh,div[id^=product-description-short-] p,.product-accessories.clearfix,.modal-body #product-description-short p,.modal-body .h1,.account-link,.product-accessories p,.cart-summary .btn,.cart-grid-body a,#module-psgdpr-gdpr a[id*="exportDataTo"],#module-psgdpr-gdpr a[id*="exportDataTo"]:hover{color:#fff}

/*Modification de color*/
.contact-rich h4{text-transform:uppercase;color:#fff;margin-bottom:2rem}
.contact-rich .block .data{color:#fff;font-size:.875rem;width:auto;overflow:hidden}

/*Modification de la couleur des champs saisissables*/
/*Modification de background*/
.form-control{color:#7a7a7a;border:1px solid rgba(0,0,0,.25);padding:.5rem 1rem}s
.form-control-select{height:2.625rem;-moz-appearance:none;-webkit-appearance:none;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right .5rem center/1.25rem 1.25rem;padding:0 .5rem}

/*Mise à blanc du lien "créer une adresse"*/
.page-addresses .addresses-footer a,#my-account .page-footer a,#module-stripe_official-stripeCards p{color:#fff}

/*Version mobile : fond blanc*/
.cart-overview.js-cart,.card-block,.card.cart-summary{background-color:#fff}

/**Bleu canard**/

/**Modification de la couleur de fond des pages du thème**/
/*Modification de background*/
#wrapper{background:#026377;box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.11);padding-top:1.563rem}

/*Modification de la couleur des liens du site*/
a,.cart-grid-body .product-line-info a,.featured-products .highlighted-informations .quick-view:hover,.product-miniature .highlighted-informations .quick-view:hover,#header .header-nav .user-info .logged{color: #026377}

/*Modification de color*/
.tabs .nav-tabs .nav-link.active{color:#026377}
.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover{border:none;border-bottom:3px solid #026377}
.product-images>li.thumb-container>.thumb.selected,.product-images>li.thumb-container>.thumb:hover{border:3px solid #026377}
a:hover{color:#026377;text-decoration:underline}
a:hover{color:#026377;text-decoration:none}
.page-my-account #content .links a:hover i,.pagination .current a{color:#026377}

/*Modification de background-color*/
.btn-primary{color:#fff;background-color:#026377;border-color:transparent}

/*Modification de background*/
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,.group-span-filestyle .bootstrap-touchspin .btn-touchspin,.group-span-filestyle .btn-default{background:#026377;color:#fff;text-transform:uppercase;border-radius:0;font-size:.875rem;padding:.5rem 1rem}
/*Modification de la couleur de fond de la popup d'affichage rapide des produits*/
/*Modification de background*/
.quickview .modal-content{background:#026377;min-height:28.13rem}

/*Modification de la couleur du tour de l'adresse sélectionnée*/
body#checkout section.checkout-step .address-item.selected{border-color:#026377}

/*Modification de la couleur du bouton radio sélectionné*/
.custom-radio input[type="radio"]:checked + span{background-color:#026377}

/**Orange**/

/*Ajout de la ligne suivante*/
.current-price,.text-sm-center.order-actions a:hover,#order-infos a:hover,.cart-item a.label:hover,.psgdprinfo17 a:hover,.btn.btn-primary.add-to-cart:hover{color:#f39322}

/*Modification de color*/
#wrapper .breadcrumb li a{color:#f39322}
#wrapper .breadcrumb li:after{content:"/";color:#f39322;margin:.3125rem}
#wrapper .breadcrumb li:last-child{content:"/";color:#f39322;margin:0}

/*Modification de background*/
li.product-flag{display:block;position:absolute;background:#f39322;font-weight:700;padding:.3125rem .4375rem;text-transform:uppercase;color:#fff;margin-top:.625rem;z-index:2;box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)}
#products .product-miniature .discount-amount.discount-amount,#products .product-miniature .discount-amount.discount-percentage,#products .product-miniature .discount-percentage.discount-amount,#products .product-miniature .discount-percentage.discount-percentage,#products .product-miniature .on-sale.discount-amount,#products .product-miniature .on-sale.discount-percentage,#products .product-miniature .online-only.discount-amount,#products .product-miniature .online-only.discount-percentage,#products .product-miniature .pack.discount-amount,#products .product-miniature .pack.discount-percentage,#products .product-miniature .product-flags .new.discount-amount,#products .product-miniature .product-flags .new.discount-percentage,.featured-products .product-miniature .discount-amount.discount-amount,.featured-products .product-miniature .discount-amount.discount-percentage,.featured-products .product-miniature .discount-percentage.discount-amount,.featured-products .product-miniature .discount-percentage.discount-percentage,.featured-products .product-miniature .on-sale.discount-amount,.featured-products .product-miniature .on-sale.discount-percentage,.featured-products .product-miniature .online-only.discount-amount,.featured-products .product-miniature .online-only.discount-percentage,.featured-products .product-miniature .pack.discount-amount,.featured-products .product-miniature .pack.discount-percentage,.featured-products .product-miniature .product-flags .new.discount-amount,.featured-products .product-miniature .product-flags .new.discount-percentage,.product-accessories .product-miniature .discount-amount.discount-amount,.product-accessories .product-miniature .discount-amount.discount-percentage,.product-accessories .product-miniature .discount-percentage.discount-amount,.product-accessories .product-miniature .discount-percentage.discount-percentage,.product-accessories .product-miniature .on-sale.discount-amount,.product-accessories .product-miniature .on-sale.discount-percentage,.product-accessories .product-miniature .online-only.discount-amount,.product-accessories .product-miniature .online-only.discount-percentage,.product-accessories .product-miniature .pack.discount-amount,.product-accessories .product-miniature .pack.discount-percentage,.product-accessories .product-miniature .product-flags .new.discount-amount,.product-accessories .product-miniature .product-flags .new.discount-percentage,.product-miniature .product-miniature .discount-amount.discount-amount,.product-miniature .product-miniature .discount-amount.discount-percentage,.product-miniature .product-miniature .discount-percentage.discount-amount,.product-miniature .product-miniature .discount-percentage.discount-percentage,.product-miniature .product-miniature .on-sale.discount-amount,.product-miniature .product-miniature .on-sale.discount-percentage,.product-miniature .product-miniature .online-only.discount-amount,.product-miniature .product-miniature .online-only.discount-percentage,.product-miniature .product-miniature .pack.discount-amount,.product-miniature .product-miniature .pack.discount-percentage,.product-miniature .product-miniature .product-flags .new.discount-amount,.product-miniature .product-miniature .product-flags .new.discount-percentage{z-index:2;background:#f39322}
.has-discount .discount{background:#f39322;color:#fff;font-weight:600;padding:.3125rem .625rem;font-size:1rem;margin-left:.625rem;text-transform:uppercase;display:inline-block}

/*Modification de la couleur et de l'épaisseur du trait qui entourre les cases de personnalisation des articles*/
/*Modification de border (px et couleur)*/
.input-color:checked+span,.input-color:hover+span,.input-radio:checked+span,.input-radio:hover+span{border:3px solid #f39322}

/*Modification de la couleur des titres des variants sur les fiches produit*/
.product-actions .control-label{color:#f39322}

/**Orange clair**/
/*Modification de background*/
#products .product-miniature .discount-amount,#products .product-miniature .discount-percentage,#products .product-miniature .on-sale,#products .product-miniature .online-only,#products .product-miniature .pack,#products .product-miniature .product-flags .new,.featured-products .product-miniature .discount-amount,.featured-products .product-miniature .discount-percentage,.featured-products .product-miniature .on-sale,.featured-products .product-miniature .online-only,.featured-products .product-miniature .pack,.featured-products .product-miniature .product-flags .new,.product-accessories .product-miniature .discount-amount,.product-accessories .product-miniature .discount-percentage,.product-accessories .product-miniature .on-sale,.product-accessories .product-miniature .online-only,.product-accessories .product-miniature .pack,.product-accessories .product-miniature .product-flags .new,.product-miniature .product-miniature .discount-amount,.product-miniature .product-miniature .discount-percentage,.product-miniature .product-miniature .on-sale,.product-miniature .product-miniature .online-only,.product-miniature .product-miniature .pack,.product-miniature .product-miniature .product-flags .new{display:block;position:absolute;left:-.4375rem;padding:.3125rem .4375rem;color:#fff;background:#f3c687;text-transform:uppercase;min-width:3.125rem;min-height:1.875rem;font-size:1rem;font-weight:600;box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)}
li.product-flag{display:block;position:absolute;background:#f3c687;font-weight:700;padding:.3125rem .4375rem;text-transform:uppercase;color:#fff;margin-top:.625rem;z-index:2;box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)}

/**Noir**/
/*Ajout de la ligne suivante*/
#custom-text h1,#js-product-list-header .h1,#js-active-search-filters h1,.psgdprinfo17 h2, #cart h1, #checkout h1,#product-details,.page-order-detail,.page-customer-account #content,.product-description p,#bankwire-modal h2,.facet.clearfix p,.table-product-discounts{color:#232323}

/*Gris*/
/*Ajout de la ligne suivante*/
.social-sharing span,.col-sm-3.col-md-3.hidden-sm-down.sort-by,.total-products p,.col-sm-12.hidden-md-up.text-sm-center.showing{color:#b5b5b5}

/*Ajout de color*/
.product-discount .regular-price{text-decoration:line-through;font-weight:400;margin-right:.625rem;color:#b5b5b5}
.pagination{width:100%;color:#b5b5b5}
/*Mise à gris du prix unitaire*/
.product-unit-price{font-size:.8125rem;margin-bottom:0;color:#b5b5b5}

/*Modification de color*/
.product-prices .tax-shipping-delivery-label{font-size:.8125rem;color:#b5b5b5}
.contact-rich{color:#b5b5b5;margin-bottom:2rem;word-wrap:break-word}

/*Mise à gris des liens quand on passe la souris dessus*/
.account-link:hover,.page-addresses .addresses-footer a:hover,#my-account footer a:hover,.cart-grid-body a.label:hover{color:#b5b5b5}

/*Gris foncé*/
/*Ajout de la ligne suivante*/
.material-icons.d-inline{color:#7a7a7a}

/**Modification de la couleur du bouton d'ajout au panier**/
/*Ajout de la ligne suivante*/
.btn.btn-primary.add-to-cart{color:#026377;background:#fff}

/*Modification du style du prix unitaire dans le récapitulatif du panier*/
.unit-price-cart{color:#7a7a7a;font-weight:initial}

/*Modification du padding du texte personnalisé sur la page d'accueil*/
#custom-text{padding:2rem}

/*Modification de l'espace entre les textes et les bords du panier*/
.card-block{padding:1.25rem}

/*Centre le bouton Commander*/
.cart-detailed-actions .btn{display:block;margin:auto}

/*Alignement à droite du bouton de sélection de quantité et du prix dans le panier*/
.cart-overview .product-line-actions .input-group.bootstrap-touchspin, .cart-overview .product-price{float:right}

/*Uniformisation des tailles de libellés*/
.label{font-size:1rem}

/*Rendre visible les noms des tissus*/
.product-variants .sr-only,.modal-body .sr-only{position:relative;color:#fff;bottom:-110px;}

/*********************************/
/**Alignement images page tissus**/
/*********************************/
#wrap-tissus{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center}
.mes-tissus {margin-top:10px;border: 1px solid #b5b5b5;}
/*.mes-titres-tissus {height:60px}*/
.mes-tissus img{width:250px;height:250px;/* Safari et Chrome */-webkit-transition:all 0.2s ease;/* Firefox */-moz-transition:all 0.2s ease;/* Internet Explorer 9 */-ms-transition:all 0.2s ease;/* Opera */-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.mes-tissus img:hover{/* Safari et Chrome */-webkit-transform:scale(1.75);/* Firefox */-moz-transform:scale(1.75);/* Internet Explorer 9 */-ms-transform:scale(1.75);/* Opera */-o-transform:scale(1.75);transform:scale(1.75);}
.h2-tissus {width:100%;display:inline-block;text-align:left;}
#sommaire-tissus a {padding-left:20px;font-weight:bold}

/***********************************************************************/
/**Page tissus : mise en place du bouton pour remonter en haut de page**/
/***********************************************************************/

#scrollUp {position:fixed;bottom:10px;right:-100px;/*opacity:0.9;*/cursor:pointer}

/**************************************************/
/*Grossissement des images au passage de la souris*/
/**************************************************/

/*Transition du passage d'une image à l'autre*/
.color.texture, #atelier img{/* Safari et Chrome */-webkit-transition:all 0.2s ease;/* Firefox */-moz-transition:all 0.2s ease;/* Internet Explorer 9 */-ms-transition:all 0.2s ease;/* Opera */-o-transition:all 0.2s ease;transition:all 0.2s ease;}

/*Comportement de l'image au passage de la souris*/
.color.texture:hover{
	/*Grossissement de l'image au passage de la souris*/
	/* Safari et Chrome */-webkit-transform:scale(2);/* Firefox */-moz-transform:scale(2);/* Internet Explorer 9 */-ms-transform:scale(2);/* Opera */-o-transform:scale(2);transform:scale(2);
	/*Mise en avant de l'image grossie par rapport aux autres*/
    position: relative;z-index: 1;
}

/*Comportement de l'image au passage de la souris*/
#atelier img:hover {
	/*Grossissement de l'image au passage de la souris*/
	/* Safari et Chrome */-webkit-transform:scale(1.2);/* Firefox */-moz-transform:scale(1.2);/* Internet Explorer 9 */-ms-transform:scale(1.2);/* Opera */-o-transform:scale(1.2);transform:scale(1.2);
	/*Mise en avant de l'image grossie par rapport aux autres*/
    position: relative;z-index: 1;
}

/***********************************************************/
/*Mise en page des images des tissus sur les fiches produit*/
/***********************************************************/

/*Alignement des titres des tissus au centre*/
.product-variants label {text-align:center;padding-bottom:40px;}

/************************************/
/*Empêcher le forçage des majuscules*/
/************************************/
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name{text-transform:none}

/**********/
/**Footer**/
/**********/

/*Modification de l'image logo facebook*/
/*Ajout border-radius*/
.facebook{background-image:url(../css/facebook.svg);border-radius: 30px}

/*Modification de l'image logo instagram*/
.instagram{background-image:url(../css/instagram.svg)}

/*Enlever le hover sur les boutons d'accès aux comptes réseaux sociaux*/
/*Suppression de la ligne suivante*/
/*.block-social li a:hover{color:transparent}*/

/**Bleu canard**/

/*Modification de color*/
.footer-container li a:hover{color:#026377}

/*Suppression du bloc contact*/
.block-contact {display:none}