/*! components.css */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.group {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
}

.required:after {
	content: '*';
}

.img-ratio {
	display: block;
	position: relative;
}

.img-ratio img {
	display: block;
	max-height: 300px;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
}

.page-title {
	margin: 40px 0 20px 0;
	padding-bottom: 10px;
    color: #003b5c;
    font-family: "Bebas Neue";
}

/* NAV-UNSTYLED */
.nav-unstyled > li {
	position: static;
}

.nav-unstyled > li > a {
	display: inline;
	padding: 0;
	position: static;
}

.nav-unstyled > .active > a,
.nav-unstyled > li > a:active,
.nav-unstyled > li > a:focus,
.nav-unstyled > li > a:hover {
	background-color: transparent;
	text-decoration: none;
}

/* ACTIONS */
.actions:before,
.actions:after {
	content: '';
	display: table;
}

.actions:after {
	clear: both;
}

.actions .btn {
	display: block;
	width: 100%;
}

.actions .btn + .btn {
	margin-top: 10px;
}

@media (min-width: 768px) and  (max-width: 1025px){
	#engagements .titre {
		font-size: 45px !important;
		line-height: 50px !important;
	}

	.header .brand .img[src*=".svg"] {
		width: 90% !important;
	}

	#engagements .titre-bas {
		font-size: 45px !important;
		line-height: 50px !important;
	}

	#engagements .engagements-bas img {
		margin-top: -116px !important;
	}

	#engagements .sstitre {
		font-size: 28px !important;
		line-height: 30px !important;
	}

}

@media (min-width: 768px) {
	.actions .btn {
		display: inline-block;
		margin-top: 0 !important;
		width: auto;
	}

	.actions .btn-prev {
		float: left;
	}

	.actions .btn-prev + .btn-prev {
		margin-left: 5px;
	}

	.actions .btn-next {
		float: right;
	}

	.actions .btn-next + .btn-next {
		margin-right: 5px;
	}

}

/* PANEL */
.panel {
	box-shadow: none;
	overflow: hidden;
}

.panel-group {
	margin-bottom: 0;
}

.panel-group .panel {
	border-radius: 0;
	margin-bottom: 20px;
}

.panel-group .panel + .panel {
	border-top: 0;
	margin-top: -20px;
}

.panel-group .panel:first-child,
.panel-group .panel.panel-first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.panel-group .panel:last-child,
.panel-group .panel.panel-last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.panel-group .panel-heading {
	border-bottom-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-group .panel:first-child .panel-heading,
.panel-group .panel-first-child .panel-heading {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

/* OVERLAY */
.overlay-open,
.overlay-open body {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.overlay {
	background: rgba(255,255,255,.75);
	display: none;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	z-index: 1050;
}

.overlay-open .overlay.in {
	display: block;
}
.collapse.in{
    display: block;
}
/* CART */
#DtpPanierDis {
	display: block;
}

#DtpPanierDis .PanierTable {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	max-width: 100%;
	width: 100%;
}

#DtpPanierDis .PanierTable img {
	height: auto;
	width: auto;
}

#DtpPanierDis .PanierTable a img {
	border: none;
	height: auto;
	max-height: 100px;
	max-width: 100px;
	width: auto;
}

#DtpPanierDis .PanierTable td {
	border-top: 1px solid #DDD;
	padding: 8px;
	vertical-align: top;
}

#DtpPanierDis .PanierTable td:nth-of-type(1) {
	width: auto;
}
#DtpPanierDis .PanierTR0 td:nth-of-type(2),
#DtpPanierDis .PanierTR1 td:nth-of-type(2) {
	width: 100%;
}

#DtpPanierDis .PanierTRTitle td {
	border-bottom: 2px solid #DDD;
	border-top: none;
	font-weight: bold;
	vertical-align: bottom;
}

#DtpPanierDis .PanierTR4Pix td {
	display: none !important;
}

#DtpPanierDis .PanierTRBut td,
#DtpPanierDis .PanierTRMin td {
	border: 0 !important;
	height: auto !important;
	padding: 0 !important;
}

#DtpPanierDis .PanierTR0 .caddi5 img,
#DtpPanierDis .PanierTR1 .caddi5 img {
	border: none;
	margin: 0;
}

@media screen and (max-width: 767px) {
	#DtpPanierDis .PanierTable tr {
		display: block;
		overflow: hidden;
		position: relative;
	}
	#DtpPanierDis .PanierTable td {
		display: block;
		float: left;
		position: relative;
		white-space: normal;
	}
	#DtpPanierDis > .PanierTable td:nth-of-type(1) { /* 1st col */
		display: none;
		width: auto;
	}
	#DtpPanierDis .PanierTable .PanierTRTitle {
		display: none;
	}
	#DtpPanierDis > .PanierTable .PanierTR0 td,
	#DtpPanierDis > .PanierTable .PanierTR1 td {
		border-top: none;
		text-align: right;
		width: 25%;
	}
	#DtpPanierDis > .PanierTable .PanierTR0 td:nth-of-type(2),
	#DtpPanierDis > .PanierTable .PanierTR1 td:nth-of-type(2) {
		border-top: 1px solid #DDD;
		text-align: left;
		width: 100%;
	}
	#DtpPanierDis > .PanierTable .PanierTR0 input,
	#DtpPanierDis > .PanierTable .PanierTR1 input {
		margin-top: -3px;
	}
	#DtpPanierDis > .PanierTable .PanierTRHT td,
	#DtpPanierDis > .PanierTable .PanierTRPortHT td,
	#DtpPanierDis > .PanierTable .PanierTRTVA td,
	#DtpPanierDis > .PanierTable .PanierTRTTC td,
	#DtpPanierDis > .PanierTable .PanierTRPays td {
		/*#DtpPanierDis > .PanierTable .PanierTR4Pix td,*/
		text-align: right;
		width: 50%;
	}
	#DtpPanierDis > .PanierTable .PanierTRBut td,
	#DtpPanierDis > .PanierTable .PanierTRMin td,
	#DtpPanierDis > .PanierTable .PanierTRMax td {
		text-align: center;
		width: 100%;
	}
	#DtpPanierDis > .PanierTable .skip-xs{
		display: none;
	}
}

/* PRINT */
body > center > table {
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
	width: 100%;
}

body > center .txt12 > #pPdtSelP {
	display: none;
	visibility: hidden;
}

body > center td.txt10,
body > center td.txt10i {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #333;
	padding: 10px 15px;
}

body > center td.txt10 a,
body > center td.txt10i a {
	color: #333;
	text-decoration: none;
}

/* ICONS */
.glyphicon-category-36:after   { content: "\e041"; } /* accessoires */
.glyphicon-category-1:after    { content: "\e024"; } /* automobile */
.glyphicon-category-24:after   { content: "\e139"; } /* bagagerie */
.glyphicon-category-25:after   { content: "\e005"; } /* beaute */
.glyphicon-category-2:after    { content: "\e136"; } /* bricolage */
.glyphicon-category-3:after    { content: "\e142"; } /* bureau */
.glyphicon-category-3135:after { content: "\e200"; } /* developpement durable */
.glyphicon-category-2263:after { content: "\270f"; } /* ecriture */
.glyphicon-category-39:after   { content: "\e001"; } /* gastronomie */
.glyphicon-category-28:after   { content: "\e035"; } /* high tech */
.glyphicon-category-31:after   { content: "\e023"; } /* horlogerie */
.glyphicon-category-37:after   { content: "\e006"; } /* luxe */
.glyphicon-category-8:after    { content: "\e223"; } /* maison */
.glyphicon-category-7:after    { content: "\e240"; } /* loisirs */
.glyphicon-category-10:after   { content: "\e008"; } /* textile */

/* BODY */
body {
	background-color: #fff;
	color: #043b5b;
	font-size: 14px;
	line-height: 1.42;
    font-family: "Poppins";
}

/* TYPO */

/* PANEL */
.panel label {
	display: block;
}

.header .navbar-top {
	min-height: 0;
    border-color: transparent;
	background-color: white;
    color: #043b5b;
	padding-top: 20px;
    padding-bottom: 20px;
	margin-bottom: 0px;
	font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}

.ico-header {
	width: 20px;
    display: inline-block;
    margin-right: 15px;
}

.ico-panier {
	margin-right: 5px;
}

.fond-site {
    background-color: white;
    color: #003b5c;
    font-size: 15px;
    padding-top: 25px;
}

.btn-dropdown-nav {
    color: #003b5c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.fond-site .display-flex {
	height: 100%;
}

.header .navbar-top a{
	color: #003b5c;
	padding: 0px;
	font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.1px;
	cursor: pointer;
}
.nb-item {
	background-color: #ff914d;
    padding: 3px 7px;
    border-radius: 11px;
    color: white;
}

.ico-account-ok {
    display: none;
}
.ico-account-ok, .ico-account-none {
    font-size: 20px;
    color: #ff914d !important;
    font-family: fontAwesome;
    font-style: normal;
}

.header .brand img {
    width: 200px;
}

.header .nav-user > li {
	display: inline-block;
}

.header .nav-user > li > a {
	padding: 0;
}

.header .nav-categories > li > a{
	font-size: 15px;
	color: #003b5c;
	font-weight: bold;
}

.random-produit {
	margin-top: 50px;
	margin-bottom: 50px;
}

#random {
	margin-top: 20px;
}

.random-produit .titre {
	color: #043b5b;
    font-size: 25px;
	font-weight: 300;
}

.img-more {
	width: 15px;
    display: inline-block;
    margin-left: 5px;
}

/* FOOTER */
.footer-default {
	background-color: #eae8e3;
	color: #003b5c;
	padding-top: 50px;
	margin-top: 50px;
	font-size: 22px;
	line-height: 25px;
}

.footer-default small, .footer-default small a, .footer-default small a:hover{
	font-size: 14px;
}

.footer-default a:hover{
    color: white;
	text-decoration: underline !important;
	font-size: 13px;
}

.footer-copy {
	padding-top: 30px;
	background-color: #043b5b;
	color: white;
	margin-top: 20px;
	font-size: 11px;
	background-color: #003b5c;
    clip-path: ellipse(96rem 94% at bottom);
}

.footer-copy a:not(:last-child){
	border-right: 1px solid white;
}

.footer-copy a{
    padding-left: 10px;
    padding-right: 10px;
}

.footer a{ 
	font-size: 13px;
    text-transform: uppercase;
}

.logo-footer {
	width: 180px;
}

.footer h4 {
	margin-top: 20px;
}

.footer a {
	color: inherit;
}

.footer .nav-user {
	font-size: 11px;
}

.footer .nav-legal {
	font-size: .85714286em;
	line-height: 1.5;
	margin-bottom: 20px;
}

.footer .nav-legal > li {
	display: inline-block;
}

.footer .nav-legal > li:not(:last-child) {
	border-right: 1px solid #ddd;
	padding-right: 12px;
	margin-right: 10px;
}

.footer .nav-legal > li > a {
	display: inline-block;
}

.footer .nav-unstyled > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.copyright {
	margin-bottom: 10px;
    margin-top: 10px;
}

.btn-footer {
    font-size: 16px !important;
    color: #003b5c !important;
    border: 1px solid #003b5c;
    border-radius: 10px;
    padding: 10px 10px;
    font-weight: bold;
    width: 350px;
    display: block;
    text-align: center;
    margin: auto;
}

.btn-footer:hover {
	font-size: 16px;
}

/* TOOLBAR */
.toolbar {}
.toolbar-left  {}
.toolbar-left .form-group > label {
	display: block;
}

.toolbar-left input[name^="dSearchP"] {
	display: inline-block;
	width: 49.05%;
}

.toolbar-inline {
	background-color: #f5f5f5;
	border-radius: 4px;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px;
	padding: 3px 15px;
}

.toolbar-inline:after,
.toolbar-inline:before {
	content: ' ';
	display: table;
}

.toolbar-inline:after {
	clear: both;
}
.toolbar-inline .form * {
	vertical-align: bottom;
}

.toolbar-inline .form-group > label {
	margin-bottom: 0;
}

.toolbar-inline .pagination {
	margin: 0;
}

/* CATEGORY */
.categories .category {
	display: block;
	margin-bottom: 15px;
}

.categories .category-img {
	margin-left: auto;
	margin-right: auto;
}

.categories .category-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #003b5c;
    font-family: "Bebas Neue";
}

#category {}
#category .category-total {
	margin-bottom: 20px;
}

/* PRODUCT */
.products .product {
	margin-bottom: 50px;
    position: relative;
}

.products .product > *:not(:last-child) {
	margin-bottom: 10px;
}

.products .product-title {
	position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 19px;
    min-height: 40px;
    margin-bottom: 0px;
    font-size: 14px;
}

.products .product-actions.actions a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 10px;
}

.products .product-actions.actions a + a {
	margin-top: 10px !important;
}

#product .product-details > br {
	display: none;
}

#product .PdtPQTClass {
	background-color: transparent;
	border: none;
}

#product .PdtPQTClass td {
	border: none;
	border-top: 1px solid #ddd;
	line-height: 1.42857143;
	padding: 8px;
	vertical-align: top;
}

#product .PdtPQTClass th,
#product .PdtPQTClass tr:first-child td {
	border-bottom: 2px solid #ddd;
	border-top: none;
	font-weight: 600;
	vertical-align: bottom;
}

#product .product-details .form-control,
#product #pPdtQ {
	display: block;
	width: 100%;
}

#product .product-details .btn,
#product .product-actions .btn {
	display: block;
	width: 100%;
}

#product .product-actions span ~ span .btn {
	margin-top: 10px;
}

#pPdtImages {
	display: block;
	font: 0px/0px sans-serif; /* RESET WHITESPACE */
	margin-bottom: .5%;
}

#pPdtImages > a,
#pPdtImages > span {
	display: inline-block;
	margin: .5% !important;
	text-align: center;
}

#pPdtImages > a > img,
#pPdtImages > span > img {
	display: inline-block;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
}

#pPdtImages > a {
	border: 1px solid #ddd;
	display: block;
	margin: auto;
	max-height: 302px;
	max-width: 100%;
}

#pPdtImages > span {
	border: 1px solid #ddd;
	position: relative;
	width: 19%;
}

#pPdtImages > span:before {
	content: '';
	display: block;
	padding-top: 100%;
}

#pPdtImages > span > img {
	display: block;
	height: auto;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
}

@media (max-width: 767px) {
	#product #XFSubmit {
		margin-top: -20px;
	}
	#product #XFSubmit + br {
		display: none;
	}
}
@media (min-width: 768px) {
	#product .product-details .form-control,
	#product #pPdtQ {
		display: inline-block;
		vertical-align: middle;
	}
	#product .product-details .btn,
	#product .product-actions .btn {
		display: inline-block;
		width: auto;
	}
	#product .product-actions span ~ span .btn {
		margin-top: 0;
	}
}

/* CART */
.nav-checkout {
	margin: 0 -15px 20px -15px;
}

.nav-checkout > li {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 768px) {
	.nav-checkout > li {
		float: left;
		width: 25%;
	}

    #cart #CaddySubmit {
		display: inline-block;
		width: auto;
	}
}

#cart #CaddySubmit {
	display: block;
	width: 100%;
	margin-top: 20px;
	background-color: #003b5c;
	border-color: #003b5c;
}

#cart .form-control[disabled], #cart .form-control[readonly], #cart fieldset[disabled] .form-control {
    background-color: #e9ecef;
}
.btn-prev{
    background-color: #003b5c;
    border-color: #003b5c;
    border-radius: 10px;
    color: white;
}
@media (max-width: 768px) {
    .fond-site {
        padding-bottom: 15px;
    }
    .slider-home .item{
        justify-content: center;
    }
    #message {
        padding-bottom: 50px !important;
    }
    .header .brand img {
        width: 150px !important;
    }
}

/*
 * #DtpPanierDis
 * #DtpPanierDis .PanierTRTitle  td
 * #DtpPanierDis .PanierTR0      td
 * #DtpPanierDis .PanierTR1      td
 * #DtpPanierDis .PanierTRHT     td
 * #DtpPanierDis .PanierTRPortHT td
 * #DtpPanierDis .PanierTRTVA    td
 * #DtpPanierDis .PanierTRTTC    td
 * #DtpPanierDis .PanierTRPays   td
 * #DtpPanierDis .PanierTR4Pix   td
 * #DtpPanierDis .PanierTRBut    td
 * #DtpPanierDis .PanierTRMin    td
 * #DtpPanierDis .PanierTRMax    td
 * #DtpPanierDis .PanierTRPts    td
 */

/* CONFIRMATION */

/* ACCOUNT */

/* PAGE */

/* PERSO */

.nav-pages > li {
	float: left;
}
.nav-pages > .dropdown {
	position: relative;
}
.nav-popup > li > a {
	color: #444444;
}
.nav-popup > li > a:active,
.nav-popup > li > a:focus,
.nav-popup > li > a:hover {
	background-color: #FFF;
	color: #FE8828;
}
.menunav .dropdown {
	position: static;
}
.dropdown-menu {
	background-color: #eae8e3;
    color: #003b5c;
	position: absolute;
	border: none;
	border-radius: 0;
	margin-top: 20px;
	padding: 15px;
	left:0;
	right:0;
	width: 100%;
    min-width: 220px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #003b5c;
    text-decoration: underline;
    background-color: transparent;
	padding-bottom: 5px !important;
    display: block !important;
    font-size: 14px;
    padding-left: 0px !important;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
	color: #003b5c;
}

.dropdown-menu a {
    color: #003b5c !important;
    padding-bottom: 5px !important;
    display: block !important;
    font-size: 14px;
    padding-left: 0px !important;
}
.titre_texte_login {
	font-size: 14px;
	font-weight: bold;
	color: #043b5b;
	text-decoration: none;
	text-align: center;
	padding: 10px 0 10px 0;
}
.div-search-category{
    .form-control {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-color: #7f7883;
        height: 40px;
    }
}
.div-search-category .form-control, .div-search-category .form-control::placeholder, .div-search-category .selectize-input>input::placeholder, .div-search-category .selectize-input {
    font-size: 12px;
    color: #000 !important;
    background-color: white !important;
}
.categories {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
    background-color: transparent;
    padding-bottom: 25px;
    padding-top: 30px;
}
.hauteur {
	padding: 30px 0 30px 0;
}
.hauteur2 {
	padding: 10px 0 10px 0;
}
.hauteur3 {
	padding: 20px 0 50px 0;
}

.btn-primary, .UploadBtn, .btn {
	color: white;
	background-color: #003b5c;
    border-color: #003b5c;
	border-radius: 10px;
	font-size: 16px;
    padding: 6px 12px;
    border: none;
}

.btn-primary:hover, .UploadBtn:hover, .btn:hover, #CaddySubmit:hover {
	background-color: #eae8e3 !important;
    color: #003b5c;
	border-color: #eae8e3 !important;	
	font-size: 16px;
    padding: 6px 12px;
    border: none;
}

.carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	background-image: none;
}

.product-resume {display: none;}

#random .btn-default {
	display: none;
}

#random .product-img {
	border: 1px solid #cbcbcb;
    border-radius: 10px;
}

#random .ul-product-ico {
    left: 7px;
    top: 8px;
}

#random .product-img img {
    border-radius: 9px;
}
#random img:hover {
	opacity: 0.8;	
}
.product-price {
	color: #003b5c;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#random .product-title, #random  .product-title a{
	color: #3a3d41;
	text-align: center;
	font-weight: bold;
}
.product-title {
	color: #043b5b;
    font-size: 22px;
	margin-bottom: 0px;
}
.titre_edito {
	font-size: 13px;
	font-weight: bold;
	color: #043b5b;
	text-decoration: none;
}
.texte_edito {
	font-size: 12px;
	font-weight: normal;
	color: #777;
	text-decoration: none;
}
a {
	color: #043b5b;
	text-decoration: none;
	z-index: 2;
	font-size: 14px;
	font-weight: normal;
}
a:hover {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
a.navigation {
	color: #043b5b;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
}
a.navigation:hover {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
}
#PdtPrixRef {
	font-weight: bold;
	color: #043b5b;
}
#PdtXQStock strong{
	color: #003b5c;
	font-weight: 400;
	float: right;
}
#product {
	padding-bottom: 10px;
	margin-bottom: 50px;
    margin-top: 25px;
}
#cart {
	padding-bottom: 10px;
    .panel-heading a{
        font-weight: bold;
    }
}
#confirmation {
	padding-bottom: 10px;
}
#message {
	padding-bottom: 100px;
}
.nav-checkout .active {
	color: #043b5b;
    font-weight: bold;
}

.header-autre .nav-categories > li > a {
    color: #043b5b;
}

.header-autre .form, .header-autre .categories {
	margin-top: 20px;
    margin-bottom: 0px;
}

.header-autre {
	padding-top: 10px;
}
.dropdown {
    color: #003b5c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.breadcrumb, .breadcrumb a {
	background-color: transparent;
	color: #8d8d8d;
	font-size: 13px;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #8d8d8d;
    content: "|";
}
.img-home {
	width: 15px;
}


#product .card-header {
    padding: 0.5rem 1rem 0.5rem 0rem;
    margin-bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    background-color: rgba(0,0,0,0);
    font-size: 17px;
    color: #043b5b;
	text-transform: uppercase;
}

#XFSubmit, #SPdtXPrixCalc_PQTot {
	display: none !important;
}

.nav-tabs {
	border-bottom: none;
}

.modal-product {
    padding: 3%;
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
    .slider-home .item1 {
        background-size: contain;
    }
}

@media screen and (min-width: 992px) and (max-width: 1000px) {
    .header{
        .show{
            left: 60%;
        }
    }
    #product{
        #PdtFabs{
            width: 65% !important;
        }
    }
}


@media screen and (max-width: 992px) {
    #product{
        p.text-avec-marq, p.text-avec-marq-p, .affprix{
            margin: 0px !important;
        }
    }
}

@media screen and (min-width: 992px) {
	.modal-produit {
		width: 730px;
	}
}

@media (min-width: 992px){
.modal-lg {
    width: 900px;
}
}

.ico-close {
    width: 30px;
}

#myModalLabel {
    color: #043b5b;
    font-family: "Poppins";
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

.title-modal-product {
    color: #043b5b;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
}

.type-product-modal {
    color: #043b5b;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
}

.type-product-modal-info {
    color: #434f61;
    font-family: "Poppins";
    font-size: 18px;
}

.text-modal {
    color: #043b5b;
    font-family: "Poppins";
    font-size: 18px;
    text-align: center;
    white-space: pre-line;
}

.btn-prod-modal {
    color: #434f61;
    font-family: "Poppins";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    background-color: rgba(0,0,0,0);
}

.addCart, .addCart:hover {
    height: 60px;
    width: 260px;
    border-radius: 7px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 43px;
    text-align: center;
}
.div-aide {
	background-color: #f2f2f2;
    border-radius: 10px;
    padding: 25px;
    font-size: 22px;
    color: #043b5b;
    line-height: 26px;
}

.ecoute {
	color: #272727;
    font-size: 18px;
}

.div-aide a {
	font-size: 18px;
}

.img-foret {
	margin-top: 30px;
}
.img-foret img {
	border-radius: 10px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}
.margin-top-40 {
	margin-top: 40px;
}

#SPdtXPrixCalc_PUTot {
	display: none !important;
}

#dropdownCartDesk .hoveredEl.dropdown-menu.w-100.padding-0.margin-0 {
    min-width: 420px;
    max-height: 50vh;
    overflow: auto;
    top: -6px;
    right: 0px; 
	background-color: white;
}

.dropdown-menu.w-100, ul.dropdown-menu {
    border-top: rgba(0,0,0,0);
    border-radius: 3px;
    border-color: rgba(0,0,0,0);
    border-radius: 7px;
    box-shadow: none;
    box-shadow: 0px 7px 10px 0 rgb(131 131 131 / 14%);
}

.dropdown-menu.w-100 {
    margin-top: 15px;
    border-top: none;
}

p.pdtName-cart {
    color: #1f1f1f;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #f9fafb !important;
    color: #8d8d8d !important;
    border-color: #e5e5e5 !important;
}

p.pdtName-priceItm-cart {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    bottom: 5px;
    right: 35px;
    margin: 0;
    line-height: 27px;
}

.info-to-remove {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: -15px;
    margin: 0;
}

p.totalCart-nav {
    text-align: right;
}

span.total-nav-text {
    letter-spacing: 0;
    line-height: 45px;
    display: inline-block;
    padding-right: 10px;
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}

.price-small-cart {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    text-align: right;
}

a.btn.btn-cart-nav {
    background-color: #ff4f00;
    border-color: #ff4f00;
    color: #fff !important;
    margin-bottom: 15px;
    padding: 18px 75px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    border-radius: 33px;
    border-radius: 4px;
    background: linear-gradient(180deg, #FF4F00 0%, #FF6600 99.95%);
}

.slide-product-image .owl-nav {
	display: none;
}

@media screen and (max-width: 500px) {
    #product #changePos .nav-tabs li{
        width: 100% !important;
    }

    #account{
        #home{
            overflow: auto;
        }
        .table{
            width: max-content;
        }
        .nav{
            flex-wrap: nowrap;
        }
    }

	#engagements .titre {
		font-size: 45px !important;
		line-height: 45px !important;
	}

	#engagements .sstitre {
		font-size: 28px !important;
		line-height: 30px !important;
	}

	#engagements .engagements-bas img {
		margin-top: 0 !important;
	}

	#engagements .titre-bas {
		font-size: 45px !important;
		line-height: 50px !important;
	}

	.owl-carousel.product-page {
		width: 200px !important;
		margin-top: 57px !important;
		left: -50px !important;
	}

	#product .affprix, #product .total-price {
		font-size: 18px !important;
	}

	.titre-contact {
		font-size: 50px !important;
		line-height: 60px !important;
	}

	.img-bas-home, .img-cat {
		margin-top: 20px;
        width: 100%;
	}

	.lien-more {
		max-width: 100%;
		margin-bottom: 0px !important;
	}

	.footer-copy {
		margin-top: 20px !important;
		background-size: auto 100% !important;
	}

	.fond-site .display-flex {
		display: flex !important;
	}

	.padding-0-xs {
		padding: 0px;
	}

	.ico-header {
		margin-right: 10px !important;
	}

	.burger {
		top: 0px !important;
	}

	.header .brand .img[src*=".svg"] {
		float: none;
		margin: auto;
	}

	.lien-more {
		padding: 10px 50px !important;
	}

	.display-flex{
		display: block !important;
	}

	.space-between {
	    display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.div-search {
		margin-bottom: 20px !important;
	}

	.fond-noir {
		height: 270px !important;
	}

}
@media screen and (min-width: 1300px) and (max-width: 1440px) {
	.fond-noir {
		height: 303px !important;
		padding-top: 4% !important;
	}
	#engagements .titre {
    font-size: 68px !important;
	}
}
@media screen and (max-width: 1440px) {
	#PdtImage {
		width: 100% !important;
	}
}
@media screen and (min-width: 1440px) {
.container {
    width: 1440px;
}
}
.margin-auto {
	margin: auto;
}

.div-search input.form-control{
	border-radius: 10px;
	border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    background-color: white;
    border: 1px solid #003b5c;
	color: #003b5c;
	font-size: 13px;
	padding-left: 45px;
	height: 48px;
}

.div-search input.form-control::placeholder{
	font-size: 13px;
	color: #003b5c;
}
.div-search .input-group-btn {
	position: absolute;
}
.btn-search {
	background-color: transparent;
	margin-top: 5px;
}
.btn-search img{
	width: 19px;
}

.div-search .input-group {
	margin-bottom: 0px;
	width: 100%;
}
.dropcompte #account {
    border: 1px solid #fd9053;
}
#account {
    padding: 8px 15px;
    border-radius: 20px;
    color: #003b5c;
	cursor: pointer;
    background-color: white;
    .panel-heading{
        padding-bottom: 10px;
        color: #003b5c;
        font-size: 16px;
        font-weight: bold;
    }
}
.display-flex {
	display: flex;
    align-items: center;
}

.no-padding {
	padding: 0px;
}

.fond-noir {
	padding: 0px;
    background-color: #043b5b;
    color: white;
    height: 421px;
	padding-left: 6%;
    padding-top: 6%;
}

.fond-noir .titre {
	font-size: 30px;
	line-height: 35px;
	display: block;
	font-weight: 200;
	letter-spacing: 2px;
}
.fond-noir .text {
	clear: both;
	font-size: 18px;
	font-family: "Poppins";
	display: block;
}
.fond-noir .lien {
	border: 1px solid white;
    padding: 8px 20px;
    border-radius: 5px;
    color: white;
}

.div-img-home {
	margin-bottom: 30px;
}

.random-produit a {
	color: white;
}

.img-cat {
	border-radius: 10px;
}
.img-cat:hover {
	opacity: 0.8;
}

.logo-login {
	max-width: 200px;
    margin: auto;
	margin-top: 15px;
}
.row-login {
	border-bottom: 1px solid #4a4a4a;
    padding-bottom: 15px;
	margin-bottom: 50px;
}
.titre-login {
	color: #003b5c;
    
    font-size: 70px;
}
.text-login {
	color: #003b5c;
    font-size: 16px;
}
.text-login a{
    color: #003b5c;
    font-weight: bold;
    font-size: 16px;
}
.login form{
	max-width: 470px;
    margin: auto;
	margin-top: 20px;
	color: #003b5c;
    text-align: left;
}
.login form label{
	font-weight: normal;
    font-size: 16px;
}
.login form input{
    background-color: white;
    border-color: #003b5c;
    height: 42px;
	color: 003b5c;
}
.login form .btn-primary {
    width: 100%;
    background-color: #003b5c;
    display: block;
    margin-top: 20px !important;
    font-weight: bold;
	border-radius: 10px;
	padding: 9px 12px;
    color: white;
    border : 1px solid #003b5c;
}
.login form .btn-primary:hover {
    background-color: #eae8e3;
    color:#003b5c;
    border : 1px solid #003b5c;
}
.login form a {
	color: #003b5c;
    text-align: center;
    display: block;
    margin-top: 15px;
    font-weight: bold;
    font-size: 13px;
}
.div-search-home {
	margin-bottom: 40px;
    margin-top: 40px;
}

.div-search-home .form-control, .div-search-home .form-control::placeholder, .selectize-input>input::placeholder  {
	font-size: 12px;
	color: #003b5c;
}

.lien-more {
	font-size: 16px;
    background-color: #003b5c;
    padding: 10px 10px;
    border-radius: 10px;
    display: block;
    max-width: 280px;
    margin: auto;
    text-align: center;
    margin-bottom: 60px;
	border: 1px solid #003b5c;
}
.lien-more:hover {
	background-color: #eae8e3;
    border: 1px solid #003b5c;
    color: #003b5c;
	font-size: 16px;
}

.ico-home {
	width: 24px;
}
.ico-arrow-right {
	height: 10px;
}

.titre-cat {
	font-family: "Poppins";
	font-size: 14px;
	color: #043b5b;
	margin-top: 8px;
    display: block;
}

.titre-cat:hover {
	color: #003b5c;
}
.space-between {
	display: flex;
    justify-content: space-between;
	align-items: center;
}

.XFavorisPdt {
	position: absolute !important;
    left: 3% !important;
    top: 5px !important;
}

.div-cat-home {
	background-color: #043b5b;
	border-radius: 14px;
    position: relative;
}
.text-home-cat{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: white;
    font-size: 18px;
    background: rgba(0,0,0,0.5);
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.ul-product-ico {
    position: absolute;
    left: 15px;
    top: 7px;
    z-index: 8;
}

img.ico-cat-product {
    width: 100%;
    height: auto;
    max-width: 40px;
}

/* .background {
	background-color: #043b5b;
	border-radius: 10px;
} */

.selectize-input {
	border-radius: 10px !important;
	background-color: white;
	color: #003b5c;
	height: 40px;
	border-color: #003b5c !important;
}

.div-search-home .form-control {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: white;
    border-color: #003b5c;
    color: #003b5c;
	height: 40px;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #003b5c !important;
    line-height: 23px !important;
    background-color: white !important;
}

.selectize-control.single .selectize-input:after {
    border-color: #003b5c transparent transparent transparent !important;
}

#random .item {
	padding-left: 15px;
    padding-right: 15px;
}

#random .products {
	margin-left: 0px;
    overflow: auto;
}

.carousel img{
	border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
}

.XFavorisBtnYes, .XFavorisBtnNo {
	font-size: 25px !important;
}

.NbLignesProduits, .OrdreTriPdt {
	border-radius: 25px;
}

.toolbar-top label, .toolbar-bottom label {
	margin-right: 5px;
}

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

.toolbar-top label[name=OrdreTriPdt], .toolbar-bottom label[name=OrdreTriPdt] {
	margin-left: 15px;
}

.burger {
    width: 50px;
    border-radius: 4px;
    z-index: 1002;
}

.burger span {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.burger span,.burger span::after,.burger span::before {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #003b5c;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.burger span::after,.burger span::before {
    position: absolute;
    content: "";
}

.burger span::before {
    top: -9px;
}

.burger span::after {
    top: 9px;
}

.burger.clicked span {
    background-color: transparent;
}

.burger.clicked span::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

.burger.clicked span:after,.burger.clicked span:before {
    background-color: #003b5c;
}

.burger:hover {
    cursor: pointer;
}

nav {
    background-color: #eae8e3;
    position: fixed;
    z-index: 1001;
    text-align: center;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 515px;
    width: 100%;
    padding: 100px 40px 60px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

nav.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

nav.show ul.main li {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

nav.show ul.main li:nth-child(1) {
    transition-delay: 0.15s;
}

nav.show ul.main li:nth-child(2) {
    transition-delay: 0.3s;
}

nav.show ul.main li:nth-child(3) {
    transition-delay: 0.45s;
}

nav.show ul.main li:nth-child(4) {
    transition-delay: 0.6s;
}

nav.show ul.main li:nth-child(5) {
    transition-delay: 0.75s;
}

nav.show ul.main li:nth-child(6) {
    transition-delay: 0.9s;
}

nav.show ul.main li:nth-child(7) {
    transition-delay: 1.05s;
}

nav.show ul.main li:nth-child(8) {
    transition-delay: 1.2s;
}

nav.show ul.main li:nth-child(9) {
    transition-delay: 1.35s;
}

nav.show .about,nav.show .social,nav.show ul.sub {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.85s;
}

@media (min-width: 667px) {
    nav {
        padding:120px 90px 70px;
    }
}

nav ul.main {
    list-style-type: none;
    position: absolute;
    transform: translateY(-10%);
    left: 0;
    right: 0;
    text-align: left;
}

nav ul.main li {
    margin-bottom: 20px;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

nav ul.main li:last-of-type {
    margin-bottom: 0;
}

nav ul.main li a {
    color: #003b5c;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    letter-spacing: 5px;
    font-weight: 600;
    padding: 0px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

nav ul.main li a span {
    color: #003b5c;
}

nav ul.main li a:hover {
    color: #003b5c;
}
.slider-home {
	background-color: #003b5c;
}
.titre-slide {
	font-family: "Bebas Neue";
	font-size: 76px;
	color: white;
	margin-bottom: 20px;
	line-height: 80px;
}
.text-slide {
	font-size: 18px;
    color: white;
}
.btn-slide {
	font-size: 16px;
	color: white;
	border: 1px solid white;
	border-radius: 10px;
	padding: 13px 30px;
	width: 215px;
	margin-top: 30px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
    text-transform: uppercase;
}
.btn-slide:hover {
	background-color: #003b5c;
}
.item .container {
	display: flex;
	align-items: center;
}

.fond-site.sticky {
	position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}
.bg-#043b5b {
	background-color: #043b5b;
    padding-bottom: 70px;
}

.div-search-home .btn-search, .div-search-category .btn-search {
	background-color: #003b5c;
    margin-top: 0px;
    padding: 7px 12px;
    border: 1px solid #003b5c;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.open>.dropdown-menu {
    display: block;
}
.img-bas-home {
	border-radius: 10px;
}
.img-bas-home:hover {
	opacity: 0.8;
}
.P8260, .P8275 {
	background-color: #043b5b;
}
.P8275 #account, .P8275 .panel,  .P8275 .panel-default>.panel-heading, .P8275 .panel-default>.panel-heading a{
	background-color: #043b5b; 
	color: white; 
	font-size: 16px;
}
.P8275 input, .P8275 select, .P8275 textarea  {
	background-color: rgb(41, 40, 45);
    height: 42px;
    color: white;
    border-color: rgb(41, 40, 45);
}

.panel-default {
    border-color: #003b5c;
}

.titre-contact {
	font-size: 65px;
    color: #043b5b;
    line-height: 82px;
    margin-bottom: 20px;
	margin-top: 70px;
}
.text-contact {
	font-size: 18px;
	margin-bottom: 30px;
}
.coordonnees-contact a{
	font-size: 20px;
	font-weight: bold;
	color: #043b5b;
}
.coordonnees-contact svg{
	width: 42px;
	margin-right: 30px;
}

#panel-message {
	margin-top: 80px;
}

#panel-message input, #panel-message select, #panel-message textarea{
	color: #043b5b;
	border-radius: 10px;
	border-color: #b5b5b5;
	font-size: 16px;
	font-weight: bold;
}
#panel-message input {
    height: 50px;
}
#panel-message input::placeholder, #panel-message select::placeholder, #panel-message textarea::placeholder{
	color: #043b5b;	
}

#panel-message .form-group {
    margin-bottom: 35px;
}

.padding-left-0 {
	padding-left: 0px;
}

.padding-right-0 {
	padding-right: 0px;
}
#message .btn-primary {
	width: 250px;
	padding: 13px 12px;
}
.alert-info {
    color: white;
    background-color: #003b5c;
    border-color: #003b5c;
}
.chat {
	background-color: #003b5c;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: white;
    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 11vh;
    padding: 9px;
    width: 215px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 15px;
}
.chat img {
	width: 20px;
	display: inline-block;
	margin-right: 10px;
}

.item1 {
	background-image: url(//m3.extradtp.net/Org/slide.509590xC4D10D.jpg);
}

.slider-home .item {
	background-repeat: no-repeat;
    background-position: right;
    min-height: 400px;
    display: flex;
    align-items: center;
}
.link-retour, .link-retour:hover {
    color: #313b48;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 27px;
    display: inline-block;
    margin-right: 30px;
    margin-left: 30px
}


.link-retour .return-product {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 4px
}

.link-retour .return-product .cls-1 {
    fill: #003b5c;
    fill-rule: evenodd;
    stroke-width: 0px
}

.breadcrumb-responsive {
    display: inline-block
}

#product h1.productPageTitle {
    
    width: 100%;
    color: #043b5b;
    font-size: 26px;
    line-height: 30px;
}

#product .PdtRefPrix {
    border-bottom: 1px solid #313b48;
    padding-bottom: 20px
}

#product #divprixref {
    display: none;
    text-align: right;
    color: #313b48;
    font-size: 14px;
    padding-right: 20px;
    overflow: auto
}
#product #prixref {
	color: #003b5c;
    font-weight: bold;
    font-size: 28px;
}

#product .refPdt {
    font-size: 14px;
    color: #003b5c;
}

#product #divprixmini {
    display: none;
    text-align: right;
    color: #434f61;
    font-size: 11px;
    padding-right: 20px;
    overflow: auto
}

#product #divprixmini #prixmini {
    color: #003b5c;
    font-size: 28px;
    font-weight: bold
}

#product #divprixmini p.text-avec-marq,#product #divprixmini p.text-avec-marq-p {
    float: right;
    text-align: right;
    color: #434f61;
    font-size: 11px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: inherit
}

#product #divprixmini p.text-avec-marq, #product #divprixmini p.text-avec-marq-p{
    float: right;
    text-align: right;
    color: #434f61;
    font-size: 11px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: inherit;
}
p.text-avec-marq, p.text-avec-marq-p {
    color: #434f61;
    font-family: "Poppins";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 21px;
    float: left;
    margin-bottom: 5px;
    margin-left: 20px;
}
#product div#pPdtCoul,#product #pPdtMat, #pPdtMarqs {
    color: #043b5b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
    width: 100%;
    display: block;
    margin-top: 15px;
	font-weight: bold;
}

#product div#pPdtTaille {
    color: #043b5b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
    width: 100%;
    display: block;
    margin-top: 15px;
}

#PdtMarqOptions {
    width: 94% !important;
    float: right;
    margin-top: 9px;
    border: 1px solid #edeef4;
    border-radius: 8px;
    background-color: #fff;
}

#pPdtMarqs td:last-child{
    width: 100%;
}
#PdtMarqs {
    width: 94% !important;
}

#product div#pPdtCoul {
    height: 35px;
    margin-top: 20px !important
}

#product #dPdtCols {
    border: none !important;
    margin-top: 5px;
    width: 75%;
    float: right
}

#product select#PdtSizes,#product #PdtCols,#product select#PdtFabs, #PdtMarqs {
    float: right;
    width: 75%;
    text-align: left;
    border: 1px solid #edeef4;
    border-radius: 8px;
    background-color: #fff
}

#product .coulPdt.active {
    border: 3px solid #cecece !important;
}

#product .coulPdt {
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 5px;
    cursor: pointer
}

#product #tabrem {
    color: #ea5c37;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-top: 0px
}

#product #tabrem .text-tabrem {
    color: #434f61;
    font-size: 12px;
    font-style: italic;
    background-color: #f3f4f6;
    padding: 15px
}

#product .tableaudeg {
    clear: both;
    margin-top: 40px
}

#product .tableaudeg td {
    padding-top: 6px;
    padding-bottom: 6px;
    border-right: 1px solid #dcdcdc;
    font-size: 12px
}

#product .tableaudeg tr:first-of-type {
    border-bottom: 1px solid #dcdcdc
}

#product .tableaudeg .tr-fond {
    background-color: #d5dfdd;
    font-weight: bold
}

#product .tableaudeg table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #dcdcdc
}

#product .coulPdt.blanc {
    border: 1px solid #a8a8a8
}

#product p.text-calc {
    color: #043b5b;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 5px;
    float: right;
    margin-right: 20px
}

#product .affprix {
    font-size: 28px;
    color: #003b5c;
    font-weight: bold;
    float: left;
    clear: both;
    margin-left: 20px
}

#product .total-price {
    font-weight: bold;
    color: #003b5c;
    font-size: 28px;
    float: right;
    margin-right: 20px;
    text-transform: uppercase
}

#product span#pPdtQ {
    color: #043b5b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
	font-weight: bold;
}

#product input#Q {
    float: right;
    width: 75%;
    text-align: right;
    border: 1px solid #edeef4;
    border-radius: 8px;
    background-color: #fff
}

#product #PdtXQStock {
    float: right;
    margin-top: 3px;
    color: #003b5c;
	font-size: 13px;
}
#PdtXQMiniSel {
	float: right;
    font-size: 13px;
}
#product .choosePdt {
    margin-top: 20px;
}
#product #PdtXPrixCalc {
    display: none
}

#product input#XFSubmit {
    display: none
}

#product .container-product {
    border-top: 1px solid #dadada
}
.container-product {
    margin-top: 25px;
}

#product .owl-carousel.product-page {
    transform: rotate(90deg);
    width: 500px;
    margin-top: 240px;
    left: -216px
}

#product .item.subproduct-image {
    transform: rotate(-90deg);
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    margin-left: 10px;
    width: 100%;
    height: 100%;
    float: right
}

#product .owl-carousel.product-page .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 104%;
    top: calc(50% - 61px)
}

#product .owl-carousel.product-page .owl-item img {
    border-radius: 10px;
    padding: 5px;
    height: 100%;
}

#product .slide-product-image button.owl-prev {
    position: absolute;
    top: 34px;
    left: 21px
}

#product .slide-product-image button.owl-prev,#product .slide-product-image button.owl-next {
    position: absolute;
    top: 34px
}

#product .slide-product-image button.owl-next {
    position: absolute;
    right: 0
}

#product .slide-product-image .owl-nav span {
    font-size: 20px
}

#product .owl-carousel .owl-stage-outer {
    z-index: 999
}

#product .owl-carousel .owl-item {
    width: 90px !important;
    height: 90px;
    margin-left: 10px
}

#product span[aria-label=Previous] {
    left: -25px;
    top: 0px;
    position: absolute
}

#product .PdtRea {
    background-color: #ededed;
    margin-top: 50px;
    padding-top: 15px;
    padding-bottom: 15px
}

#product .product-gallery {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

#product .product-gallery #PdtImage {
    width: 500px;
}

#product .product-gallery .ul-product-ico {
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
}

#product .product-gallery .ul-product-ico img.ico-cat-product {
    display: block;
    margin-top: 8px;
}

#product .plusinfo a {
    color: #003b5c;
}

#product .text-fdp-product {
    font-size: 16px;
}

#product .text-fdp-product small {
    font-weight: normal;
    font-size: 14px;
}
#product .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
#product #changePos {
    margin-top: 50px;
}

#product #changePos .nav-tabs {
    background-color: #fff;
    padding-top: 15px;
    border-bottom: 4px solid #003b5c
}

#product #changePos .nav-tabs li a {
    margin-right: 0px;
	cursor: pointer;
}

#product #changePos .nav-tabs li {
    width: 50%;
    border-right: 1px solid #003b5c
}
#product #changePos .tab-content {
	margin-top: 30px;
}

#product #changePos .nav-tabs>li.active>a,#product #changePos .nav-tabs>li.active>a:focus,#product #changePos .nav-tabs>li.active>a:hover {
    background-color: rgba(0,0,0,0)
}

#product #changePos .tab-pane {
    overflow: auto
}

#product #changePos .PdtReaPicto {
    display: inline-block
}

#product #changePos .img-check {
    width: 20px;
    display: inline;
    margin-right: 5px
}

#product #changePos #accordion {
    text-align: left;
    font-size: 12px;
    color: #434f61
}

#product #changePos .cardN-header {
    color: #434f61;
    font-weight: bold
}

#product #changePos .cardN-header .btn-link {
    color: #434f61;
    font-weight: bold;
    border-color: rgba(0,0,0,0);
    box-shadow: none;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    text-decoration: none
}

#product #changePos .img-arrow {
    width: 12px;
    display: inline-block;
    margin-right: 20px
}

#product #changePos .img-arrow-down {
    width: 12px;
    display: inline-block;
    margin-right: 20px;
    display: none
}

#product #changePos .icoTech {
    width: 44px;
    margin: auto
}

#product #tarifProduitTab,#product #marquagePdt {
    color: #313b48;
    font-size: 14px
}

#product .PdtNom {
    font-size: 22px;
    color: #003b5c;
    margin-bottom: 10px;
    display: block;
    
}

#product .tabTech {
    width: 100%;
    color: #043b5b;
    font-size: 14px;
    font-weight: bold;
}
#product .tabTech option{
	color: #043b5b;
    font-size: 14px;
    font-weight: bold;
}

#product div#pPdtDesc {
    margin-bottom: 20px;
	font-size: 15px;
}

#product .cart-details-tab ul li.active a,#product .product-details-tab ul li.active a {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #003b5c;
    /* border-bottom: 4px solid #003b5c !important; */
    font-weight: bold !important
}

#product .product-details-tab {
    background-color: #fff;
    box-shadow: none
}

#product .product-details-tab ul li a {
    color: #003b5c;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center
}

#product .tabTech tr {
    height: 40px
}

#product .tabTech td {
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px
}

#product .bgGrey {
    background-color: #ededed
}

#product .background-bloc2 .cont-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

#product .background-bloc2 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%
}

#product .background-bloc2 .div-bloc {
    display: flex;
    align-items: center;
    justify-content: center
}

#product .background-bloc2 img {
    height: 70px;
    width: auto
}

#product .background-bloc2 .text-img {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-left: 20px;
    margin-right: 20px
}

#product .background-bloc2 .sstext {
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0px
}

#product #SPTabPdtMarqPrix {
    display: none
}

#product #SPPdtMarqRem {
    font-size: 12px;
    font-weight: 400
}

#product .txtstock {
    color: #003b5c;
    clear: both;
    margin-left: 20px;
    margin-bottom: 0px
}

#product .smallmin {
    float: right;
    margin-bottom: 25px
}

#product button.btn.btn-productPage {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    border-radius: 7px;
    background-color: #003b5c;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    margin-top: 20px;
	justify-content: center;
    align-items: center;
}
#product button.btn.btn-productPage:hover {
	background-color: #003b5c;
}

#product button.btn.btn-productPage .ico-panier {
    width: 20px
}

#product button.btn.btn-productPage .txt-btn-panier {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 5px
}

#product .div-co2 {
    margin-bottom: 15px
}

#product .div-co2 .ico-co2 {
    display: inline-block;
    height: 40px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto
}

#product .div-co2 .info-co2 {
    font-size: 16px;
    font-weight: bold
}

#product .divDoc {
    width: auto;
    float: left;
    margin-right: 80px;
    margin-bottom: 20px
}

#product .divDoc .ico-doc {
    height: 40px;
    width: auto;
    display: inline-block;
    margin-right: 15px;
    float: left
}

#product .divDoc .infoDoc {
    display: inline-block
}

#product .divDoc .infoDoc .refDoc {
    color: #313b48;
    font-size: 14px;
    font-weight: bold
}

#product .divDoc .infoDoc .nomDoc {
    color: #313b48;
    font-size: 14px;
    display: block
}

#product .transporteur {
    background-color: #eaeaec;
    border-radius: 8px;
    padding: 30px
}

#product .transporteur .ico-transport,#product .transporteur .ico-transporteur {
    max-height: 40px
}

#product .transporteur .titre {
    color: #313b48;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px
}

#product .transporteur .text {
    color: #313b48;
    font-size: 14px
}
#product #changePos .nav-tabs li:last-child {
    border-right: 0px;
}

.XFavorisCat {
    right: auto !important;
    left: 30px;
}

.XFavorisBtnYes, .XFavorisBtnNo {
	z-index: 8 !important;
}

.XFavorisPdt {
    left: auto !important;
    right: 3%;
	top: 22px !important;
}

#engagements .titre {
	font-size: 80px;
    line-height: 80px;
	margin-bottom: 60px;
}

#engagements .sstitre {
	font-size: 40px;
    line-height: 40px;
	margin-bottom: 20px;
}

#engagements .text {
	font-size: 18px;
}
#engagements .row2 .sstitre {
	margin-top: 80px;
}

#engagements .sstitre-bas {
	font-size: 40px;
	color: white;
	
	margin-bottom: 15px;
}
#engagements .titre-bas {
	font-size: 68px;
	color: white;
	
	line-height: 70px;
}
#engagements .engagements-bas {
	background-color: #90931e;
	padding-left: 0px;
	margin-top: 50px;
}

#engagements .engagements-bas img{
	margin-top: -200px;
}
.P7497  .footer-default {
	margin-top: 0px;
}

#category .product-details {
	text-align: center;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: 1;
}

.cls-1 {
    fill: #003b5c;
}

.selectize-dropdown-content {
    background-color: white;
}

.hidden {
    display: none;
}

.bloc-cat-home {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eae8e3;
}

/*#pPdtTaille .PdtXFSubmit1, #pPdtTaille tr td:last-child span:last-child,#pPdtTaille tr td:last-child .txt10:first-of-type, #pPdtTaille br {
    display: none;
}*/

#pPdtTaille .PdtXFSubmit1,#pPdtTaille tr td:last-child .txt10:first-of-type, #pPdtTaille br:nth-of-type(2), #btnTaille, #pPdtTaille tr td:last-child span:last-child, #txtqtemini, .qtemini{
    display: none;
}

.qtemini {
    clear: both;
}

#pPdtTaille .txt10 strong{
    font-weight: normal;
    font-size: 12px;
}

#pPdtTaille tr td{
    padding-bottom: 10px;
}

.dropcompte .dropdown-menu{
    left: auto;
}

.PanierTRPays .caddi5 {
    display: none;
}

form[action="etatCommande.asp"] .UploadBtn {
  display: none;
}

form[action="etatCommande.asp"] .PdtRemark, form[action="etatCommande.asp"] .caddi5 select{
  display: none;
}

#faq {
    .btn {
        color: #003b5c;
        background-color: transparent;
        border-color: #003b5c;
        border-radius: 0px;
        font-size: 16px;
        padding: 15px 12px;
        border: none;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #043b5b;
    }
    .btn:hover{
        padding: 15px 12px;
    }
}

#technique {
    .titre {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
    }
    img {
        border-radius: 20px;
    }
    .row {
        margin-bottom: 80px;
    }
}