/********************************************************************************************************************************************************GENERAL*/
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif !important; }
p, a { font-family: "Montserrat", sans-serif !important; }
h1 { font-size:1.8rem!important; color:#003f6e!important; }


/********************************************************************************************************************************************************HEADER - TOP BAR*/
#header .col-md-2 { float:none; width:100%; text-align:center; }
#header .header-top>.container>.row:first-of-type { display:block;  }
#header #contact-link a { text-transform:uppercase; font-size: 0.6rem; font-weight:bold;}
#header #_desktop_user_info span { text-transform:uppercase; font-size: 0.6rem; font-weight:bold;} 
#header #_desktop_cart span { text-transform:uppercase; font-size: 0.6rem; font-weight:bold;} 
#header { box-shadow:none; 
		padding-left:15px; padding-right:15px;  }

#header .logo { width:12%;}

/********************************************************************************************************************************************************HEADER - MENU HAUT*/

#header .header-top .position-static {
	text-align:center;
	padding-top:1%;
	padding-bottom:1%;
}
div#_desktop_top_menu { border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:60%; }

#header .menu>ul>li { width:33%; }

.top-menu .sub-menu {box-shadow:none; padding:2%; background:#f9f9f9; }

.top-menu[data-depth="1"] {     
width: 60%;
    margin: 0 auto;
} 
li#category-4 .top-menu .sub-menu ul[data-depth="1"]>li {     float: left;
    margin: 0;
    width: 25%;
    text-align: center;
}
.top-menu .sub-menu { }

/*#header .header-nav { border-bottom:none; }
#header .header-top .menu { padding-left:0; }
#header .header-top .position-static {
    position: relative;
    width: 100%;
}
.top-menu {
    display: inline-block;
    width: 100%;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	margin-top:2%;
}
.top-menu:hover {
/*color:#fff!important;*/}*/

/*li#category-5, li#category-4, li#category-3 {
    display: inline-block;
    width: 33%;
    text-align: center;
    /*border: 1px solid #f1f1f1;*/
    /*background: #f1f1f1;*/
   /* padding-top: 1%;
    padding-bottom: 1%;*/
}
/*#header .menu>ul>li:hover {
    /*border: 1px solid #cbcbcb;*/
    /*background: #cbcbcb;*/
	/*background: #003e6d;*/
	/*color:#fff!important;*/
}

/*#category-5 a:hover, #category-4 a:hover, #category-3 a:hover {
	/*color:#fff!important;*/
}
/*#header .menu>ul>li a:hover {
	/*color:#fff!important;*/
}


/********************************************************************************************************************************************************HEADER - SOUS-MENU HAUT*/
/*.top-menu .popover {
    max-width: inherit;
    border-radius: 0;
    margin-top: 4%;
    padding: 3%;
}
.top-menu[data-depth="1"] {
   margin: 0.625rem;
    text-align: center;
    width: 100%;
	border:none;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0;
    width: 15%;
}
.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0 0.625rem 0.625rem 0;
    text-align: center;
}
.top-menu .sub-menu a::before {
  /*content:"+";*/
}
.top-menu .sub-menu a:hover {
  color:#e40d20!important;
  transition:1s;
}





/********************************************************************************************************************************************************HOMEPAGE*/

@media (min-width: 768px) {
    .col-md-10 {
        float: none;
        width: 100%;
    }
}


@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 100%;
		padding-left:0; padding-right:0;
    }
	.contact-rich {
        padding-left:15%;
    }
	.page-content.page-cms { width:70%; margin:0 auto; }
	.page-cms h1 {text-align:center;}
}

.carousel .direction {
    display: none;
}
.carousel .carousel-item .caption {
    max-width: 30%;
    color: #fff;
}
.carousel .carousel-inner {
    height: 50vh;
}
.carousel .carousel-item img {
    width: 100vw;
    max-width: 100%;
    height: auto;
}
#wrapper { background:#fff; padding-top:0; }


#custom-text {
    padding: 3.125rem;
    margin-bottom: 1.5rem;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    margin: 0 auto;
	 font-family: "Poppins", sans-serif;
}
#custom-text img {
    max-width: 45%;
    height: 100%;
    box-shadow: 5px 5px 15px 5px #ccc;
    margin: 2%;
}


.page-index .product { background:#fff; }
.page-index .js-product { border:3px solid #f9f9f9; }




/********************************************************************************************************************************************************FIL D'ARIANE*/
#wrapper .breadcrumb {
    padding: 1%;
    background: #ccc;
    text-align: left;
    text-transform: uppercase;
	font-size:0.6rem;
}



/********************************************************************************************************************************************************PAGE PRODUIT*/
.row.product-container.js-product-container {
    padding-top: 2%;
	padding-bottom: 3%;
    background: #f9f9f9;
}
.product-prices div {
    margin-bottom: 0;
}
span.current-price-value {
    font-size: 1.8rem;
}
.product-actions .control-label {
    display: block;
    width: 100%;
    margin-bottom: 0.375rem;
    font-weight: bold;
    text-transform: uppercase;
}
.product-variants>.product-variants-item {
    margin: 2.25rem 0;
}
.product-variants>.product-variants-item select {
	width:35%;
}
.product-customization {
    margin: 2.5rem 0;
    width: 65%;
}
.card-title h4 { text-transform:uppercase; }
.card { background-color:transparent; }
.product-customization .product-message { background:#fff; border: 1px solid #ccc; }
.product-customization small {
    color: #7a7a7a;
    width: 100%;
}
.product-customization button.btn.btn-primary.float-xs-right {
    background-color: #cacaca;
    float: left !important;
text-align: left !important;}
.card-block em { font-size:0.8rem;}
.product-customization {
    margin: 2.5rem 0;
    width: 65%;
    border-left: 3px double #ccc;
}
.product-customization button.btn.btn-primary.float-xs-right { background-color:#cacaca; }
.page-product .btn-primary { background-color:#e20d20; }
.page-product h1 {
    border-bottom: 3px solid #e20d20;
    padding-bottom: 2%;
}
.page-product .header-top { padding:0;}


.page-product span.color.texture { width:100px; height:100px; background-size:cover; }

@media (min-width: 768px) {
  .product-cover {
    position: sticky;
    top: 100px; /* Espace par rapport au haut, ajuste selon ton header */
    z-index: 10;
  }
.page-product .images-container.js-images-container {
	  height:100vh;
  }
}





/********************************************************************************************************************************************************PAGE CATEGORIE*/
.block-category h1 {
    margin-bottom: 1rem;
    font-size: 2rem;
}
.block-category {min-height: 5rem; }

@media (min-width: 992px) {
.page-category .col-lg-7{
        float: right;
        width: 30%;
    }
}
#products {
    color: #7a7a7a;
    padding-top: 2%;
}
.products-selection {
    margin-bottom: 1.25rem;
    padding-left: 5%;
}

section.featured-products.clearfix { padding-top:3%; background:#f9f9f9; }


#subcategories { display:none; }


.page-category .col-lg-9 {
        float: left;
        width: 100%;
    }
.block-categories { background-color: #f9f9f9; }
#category .col-lg-3 { background-color: #f9f9f9; height:100vh; 
		display:none; }
#category .js-product { border:3px solid #f9f9f9; }
/*.block-categories .collapse { display:inherit; }
.block-categories .category-sub-menu li { padding-top:5%; }
.block-categories .category-sub-menu li a:hover { font-weight:bold; }
/*.block-categories .collapse-icons {display:none; }
a.category-sub-link.current {
  color: #e30e20;
  font-weight: bold;
  font-size: 1.2em;
}*/

@media (min-width: 1200px) {
    .col-xl-4 {
        float: left;
        width: 20%;
    }
}

/********************************************************************************************************************************************************PAGE PANIER*/

.page-cart .col-md-2.col-xs-2.text-xs-right {
    width: 100%;
}
.product-line-grid {
    background: #f9f9f9;
    padding: 1%;
}
.product-miniature .highlighted-informations .quick-view {
    font-size: 1rem;
    color: #fff!important;
	font-weight:bold;
    padding: 5%;
    background-color: #7a7a7a;
}
a.quick-view.js-quick-view:hover {
    color: #fff!important;
}


/********************************************************************************************************************************************************FOOTER*/

#footer {
    padding-top: 2.5rem;
    position: relative;
    z-index: 10000;
	background-color:#003e6d;
	background-image:url('https://industriescvc.fr/img/cms/logo copie 30.png');
	background-position:left;
	background-repeat:no-repeat;
	background-size: 30%;
	color:#fff;
}
#footer a, #footer p, #footer #block_myaccount_infos .myaccount-title a, div#contact-infos {
	color:#fff;
	font-family: "Montserrat", sans-serif !important;
}
#footer .col-md-3, #footer .col-md-6.links { width:30%; }
#footer .container { padding-left:9%; width:80%; }
#footer .col-md-6 .wrapper {width:100%; 
	text-align:right;}







/********************************************************************************************************************************************************CREATION COMPTE CLIENT*/

.page-order .form-group.row:nth-child(4), .page-order .form-group.row:nth-child(5) { display:none; }
body#checkout section.checkout-step.-reachable.-current .step-number { background-color:#003d6c; }