/*! components.css */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

.group {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
}
.required:after {
	content: '*';
}
.img-ratio {
	display: block;
	position: relative;
}
.img-ratio:before {
	content: '';
	display: block;
	padding-top: 100%;
}
.img-ratio > img {
	display: block;
	height: auto;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
}
.page-title {
	border-bottom: 1px solid #eee;
	margin: 40px 0 20px 0;
	padding-bottom: 10px;
}

/* NAV-UNSTYLED */
.nav-unstyled {
	margin-bottom: 10px;
}
.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 {}
.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) {
	.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;
}

/* 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) { /* 1st col */
	/* background-color: lightblue; */
	width: auto;
}
#DtpPanierDis .PanierTR0 td:nth-of-type(2),
#DtpPanierDis .PanierTR1 td:nth-of-type(2) {  /* 2nd col */
	/*background-color: lightgreen;*/
	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%;
		/*width: 33.33333333%;*/
	}
	#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
 * Should use:
 * - icon font
 * - sprite (sprite.png, sprite_2x.png, sprite_3x.png)
 */

/*! 01_Generique 2016 */

/* FONTS */

/* 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: #333;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

/* TYPO */

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

/* FORM */

/* BTN */

/* HEADER */
.header {}
.header .navbar-top {
	min-height: 0;
}
.header .brand {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.header .brand .img {
	max-height: 100px;
}
.header .brand .img[src*=".svg"] {
	max-height: 100px;
	width: 100%;
}
.header .form {
	margin-top: 10px;
}
.header .nav-user {
	margin-left: -15px;
	margin-right: -15px;
}
.header .nav-user > li {
	display: inline-block;
	width: auto;
}
.header .nav-user > li > a {
	display: inline-block;
}
.header .nav-categories {
	display: inline-block;
}
.header .nav-categories > li {
	display: inline-block;
}
/* MAIN */
.main {}

/* FOOTER */
.footer {}
.footer-default {
	border-top: 1px solid #e7e7e7;
	color: #777;
	background-image: url(//m3.extradtp.net/Org/Design_sans_titre.467868xAEDD00.jpg);
    background-repeat: no-repeat;
    background-color: #d9d9d9;
	background-size: 100% auto;
}
.footer h4 {
	margin-top: 20px;
	color: #e30613;
    text-transform: uppercase;
    font-weight: bold;
}
.footer a {
	color: #164194;
	font-size: 16px;
}
.nav-contact {
	color: #164194;
	font-size: 16px;
}
.footer a:hover {
	font-size: 16px;
}
.footer .copyright {
	font-size: .85714286em;
	line-height: 1.5;
}
.footer .nav-legal {
	font-size: .85714286em;
	line-height: 1.5;
	margin-bottom: 20px;
}
.footer .nav-legal > li {
	display: inline-block;
}
.footer .nav-legal > li > a {
	display: inline-block;
}
@media (min-width: 768px) {
	.footer .copyright {
		float: left;
	}
	.footer .nav-legal {
		float: right;
	}
}

/* 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 */
.category {}
.categories .category {
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
.categories .category-img {
	margin-left: auto;
	margin-right: auto;
}
.categories .category-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#category {}
#category .category-total {
	margin-bottom: 20px;
}

/* PRODUCT */
.product {}
.products .product {
	margin-bottom: 20px;
}
.products .product > *:not(:last-child) {
	margin-bottom: 10px;
}
.products .product-title,
.products .product-resume {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.products .product-actions.actions a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.products .product-actions.actions a + a {
	margin-top: 10px !important;
}
#XFSubmit {display: none;}
#product .product-details > div,
#product .product-details > span {
	display: block;
}
#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;
		width: auto;
	}
	#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;
	text-align: center;
}
.nav-checkout > li {
	display: inline-block !important;
	padding-left: 15px;
	padding-right: 15px;
	float: initial;
	
}
@media (min-width: 768px) {
	.nav-checkout > li {
		width: 25% !important;
	}
}
#cart {}
#cart #CaddySubmit {
	display: block;
	width: 100%;
}
@media (min-width: 768px) {
	#cart #CaddySubmit {
		display: inline-block;
		width: auto;
	}
}
/*
 * #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: white;
	color: #3C3E3D;
	position: absolute;
	border: none;
	border-radius: 0;
	margin-top: 0;
	padding: 15px;
	left:0;
	right:0;
	min-width: 245px;
}
.dropdown-menu a {
	color: #3C3E3D;
	text-decoration: none;
	z-index: 2;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 3px 3px !important;
	position: relative;
}
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
	color: #FE8828;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.titre_texte_login {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #164194;
	text-decoration: none;
	text-align: center;
	padding: 10px 0 10px 0;
}
.categories {
	color: #000;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 5px 0 5px 0;
}
.hauteur {
	padding: 30px 0 30px 0;
}
.hauteur2 {
	padding: 10px 0 10px 0;
}
.hauteur3 {
	padding: 20px 0 50px 0;
}
.btn-primary {
	color: #FFF;
	background-color: #164194;
	border-color: #164194;	
}
.btn-primary:hover {
	color: #164194;
	background-color: #FFF;
	border-color: #164194;	
}
.carousel-control.right {
	background-image: none;
}
.carousel-control.left {
	background-image: none;
}
#random {
	background: URL('../images/fond_encart_nouveautes.png') no-repeat top left;
}
#random .product-img {
	padding-top: 60px;
}
#random .product-details, #random .product-actions {
	display: none;
}
.titre_edito {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #164194;
	text-decoration: none;
}
.texte_edito {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #777;
	text-decoration: none;
}
a {
	color: #164194;
	text-decoration: none;
	z-index: 2;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
a:hover {
	color: #000;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: normal;
}
a.navigation {
	color: #164194;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
a.navigation:hover {
	color: #000;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
#PdtPrixRef {
	font-weight: bold;
	color: #164194;
}
#PdtXQStock {
	color: #164194;
}
#product {
	padding-bottom: 10px;
}
#cart {
	padding-bottom: 10px;
}
#confirmation {
	padding-bottom: 10px;
}
#message {
	padding-bottom: 10px;
}
.nav-checkout .active {
	color: #164194;
}
.margin-auto {
	margin: auto;
}
#dLabel {
	padding: 15px;
	color: #164194;
	cursor: pointer;
}
#dLabel:hover {
	background-color: #eee;
	color: black;
}

.burger span, .burger span::after, .burger span::before {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #5e5e5e;
    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::before {
    top: -9px;
}

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

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

.burger span {
    position: relative;
    margin-top: 9px;
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px;
}
.burger {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 5px;
    border-radius: 4px;
    z-index: 1002;
}

nav {
    background-color: #5e5e5e;
    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);
}

.display-inline-block {
    display: inline-block;
}

nav.show a {
    text-decoration: none;
}
.white-color {
    color: white !important;
}
.text-upper {
    text-transform: uppercase;
}
.show ul {
    padding-left: 20px;
    list-style-type: none;
}
nav.show ul a {
    color: white;
    line-height: 35px;
    text-decoration: none;
}
.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, .burger.clicked span:before {
    background-color: #ffffff;
}
.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);
}
#PanierMediaIdx {
	display: none;
}

.UploadBtn {
	color: #FFF;
    background-color: #164194;
    border-color: #164194;
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.UploadBtn:hover {
	color: #164194;
    background-color: #FFF;
    border-color: #164194;
}

form[action="EtatCommande.asp"] .PanierTRUpload {
  display: none;
}

form[action="EtatCommande.asp"] #PanierRemark {
  display: none;
}

#pPdtMarqs, #pPdtMat, #pPdtTaille {
	margin-top: 15px;
}

.display-flex {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.titre-cat {
	position: absolute;
    top: 44%;
    font-weight: bold;
    font-size: 32px;
	color: black;
	width: 95%;
    text-align: center;
}

.display-flex img {
	filter: opacity(0.5);
	border: 3px solid #e30613;
}

.titre-page {
	color: #0e4194;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 35px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}
.top-text-head {
	color: #164194;
	font-size: 40px;
	font-weight: bold;
}
.position-menu-image {
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
	left:0;
	right:0;
}

.item-position-nav {
    width: 32px;
    display: inline-block;
    height: 26px;
    position: relative;
    margin-right: 15px;
    text-align: center;
}
.item-paraph {
    position: static;
    display: inline-block;
}

.img-souris {
	position: absolute;
    top: 7px;
    margin-left: 10px;
}

.cat-header {
	margin-bottom: 20px;
}
.navbar-nav>li>a, #dLabel {
	font-size: 17px;
}
#help {
	font-size: 16px;
}
.logo {
	max-width: 150px;
}
.cat-header a {
	background-color: #0017bd;
    border-color: #0118be;
    padding: 9px 25px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 11px;
	font-size: 20px;
    margin-right: 20px;
}

.cat-header a:hover {
	color: white;
}
#pPdtPxUnit, #PdtXPrixCalc {
	display: none;
}
#pPdtTaille .Std input[type=button]{
	color: #FFF;
    background-color: #164194;
    border-color: #164194;
    border: 1px solid #164194;
    border-radius: 5px;
    padding: 2px 15px;
}
#pPdtTaille .Std input[type=button]:hover{
	color: #164194;
    background-color: #FFF;
    border-color: #164194;
}



#product .card-header {
    padding: 0.5rem 1rem 0.5rem 0rem;
    margin-bottom: 0;
    border-bottom: 1px solid #0017bd;
    background-color: transparent;
    font-size: 17px;
    color: #0017bd;
}
.product-gallery {
	text-align:center; 
}
.slide-product-image .owl-nav {
	display: none;
}

.slide-product-image .owl-carousel .owl-item img {
    width: auto;
}
#pPdtMat, #pPdtCoul, #pPdtTaille {
    margin-bottom: 15px;
}
#product .btn-add-cart-product, #product .pPdtPrint a {
    width: 100%;
}

.border-radius-0 { border-radius:  0; }
.margin-top-0 { margin-top: 0; }
.margin-left-0 { margin-left: 0; }
.margin-right-0 { margin-right: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-0 { margin: 0; }
.padding-top-0 { padding-top: 0; }
.padding-left-0 { padding-left: 0; }
.padding-right-0 { padding-right: 0; }
.padding-bottom-0 {	padding-bottom: 0; }
.padding-0 { padding: 0; }

#product #changePos {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 #d4d4d4;
    box-shadow: 0 2px 6px 0 #d4d4d4;
    margin-bottom: 20px;
}

#product #changePos ul li.active a {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #0017bd;
    border-bottom: 4px solid #0017bd !important;
    font-weight: bold !important;
}

#product #changePos .fade:not(.show) {
    opacity: 1;
}

.padding-40 {padding: 40px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-50 {margin-top: 50px;}

#product #changePos ul.nav.nav-tabs li {
    width: 33.33%;
    text-align: center;
    font-size: 17px;
}
#product .card-body {
    padding: 1rem 0rem 1rem 0rem;
}
.item {
    padding-top: 10px;
}

#tarifMarquageTab {overflow: auto;}

.bold {font-weight:bold;}

.budget-total {color: #164194;}

.selectize-input .item{
	padding-top: 0px;
}
.selectize-input {
	margin-top:10px;
}

.title-modal-product {
	font-size: 16px;
    font-weight: bold;
}
.dropdown-menu.open {
    display: block;
}
.dropdown-offset {
    position: absolute;
    transform: translate3d(246px, -1px, 0);
    width: 86vw;
    overflow: auto;
    height: 793px;
    left: -20px;
    top: -15px;
    margin-top: 0;
	box-shadow: none;
    border: none;
}
.nav-columns {
    column-count: 4;
    orphans: 1;
    widows: 1;
    margin-top: 0px;
    display: inline-block;
}
.nav-categories {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#dropel li.dropdown a {
    transition: 0.3s background-color ease;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: normal;
	color: #3C3E3D;
}
.nav.nav-unstyled.nav-categories > li > a {
    position: relative;
    display: block;
    padding: 2px 5px;
    color: #3C3E3D;
}

.nav > li {
    position: static;
    display: block;
    width: 100%;
}
li.list-animated {
    position: relative;
    text-align: center;
}
#dropel {
    max-width: 275px;
}
.dropdown-menu {
    min-width: 246px !important;
    border-radius: 0px;
    border-radius: 3px;
    z-index: 99999;
}
.item-drop-list {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    top: 5px;
    position: absolute;
    bottom: 0;
    margin: auto;
    color: #3C3E3D;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
}

.position-menu-image {
    position: absolute;
    bottom: 0;
    margin: auto;
}
span.h5.text-truncate.sub-category-title.padding-left-5 {
    color: #3C3E3D;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-bottom: 7.5px;
    display: block;
    font-weight: bold;
    cursor: default;
    margin-top: 15px;
}
.title-categ-dropdwns {
    color: #3C3E3D;
    font-size: 24px;
    letter-spacing: 1px;
    display: inline-block;
    cursor: default;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.margin-bottom-25 {
	margin-bottom: 25px;
}
.margin-left-15 {
	margin-left: 15px;
}
.nav-columns > li {
    display: inline-block;
    width: 100%;
}

a.btn-dropdown-seeAll.margin-left-15 {
    margin-left: 25px;
    color: #00a8e5;
    font-size: 12px;
    letter-spacing: 0.38px;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#list-header li a {
	padding: 15px;
    color: #164194;
    cursor: pointer;
    font-size: 17px;
}
.nav.nav-unstyled.nav-categories > li > a:hover {
	text-decoration: underline;
}

form[action="EtatCommande.asp"] .PanierTable textarea, form[action="EtatCommande.asp"] .UploadBtn {
  display: none;
}

.PanierTRPays .caddi5 {
	display: none;
}
td[width="230"].caddi5 input:not(.UploadBtn) {
    display: none;
}
.text-aide, .text-aide a{
	font-size: 20px;
    font-weight: bold;
}

.ul-product-ico {
    width: 40px;
    position: absolute;
    z-index: 9999;
	top: 5px;
    left: 5px;
}