/*! components.css */

@font-face {
  font-family: "Segoeui";
  src: url("segoeui.ttf");
}

@font-face {
  font-family: "Albert";
  src: url("AlbertSans-Regular.ttf");
}
@font-face {
  font-family: "AlbertExtraBold";
  src: url("AlbertSans-ExtraBold.ttf");
}

.justify-content-center{
    justify-content: center;
}
.header{
    height: 80px;
    display: flex;
    align-items: center;
}

.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;
    height: auto;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.page-title {
    border-bottom: 1px solid #eee;
    margin: 40px 0 20px 0;
    padding-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: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) {
    .header .nav-categories > li {
        padding: 8px 15px !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 {
    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-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;
}

#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: 426px) {
    #DtpPanierDis .PanierTable tr {
        display:block;
        overflow: hidden;
        position: relative;
    }

    #DtpPanierDis .PanierTable td:nth-of-type(1) {
        width: 115px;
    }
    #DtpPanierDis .PanierTable td {
        display: block;
        float: left;
        position: relative;
        white-space: normal;
    }

    #DtpPanierDis > .PanierTable td:nth-of-type(1) {
        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 {
        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;
    }
}

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;
}

.glyphicon-category-36:after {
    content: "\e041";
}

.glyphicon-category-1:after {
    content: "\e024";
}

.glyphicon-category-24:after {
    content: "\e139";
}

.glyphicon-category-25:after {
    content: "\e005";
}

.glyphicon-category-2:after {
    content: "\e136";
}

.glyphicon-category-3:after {
    content: "\e142";
}

.glyphicon-category-3135:after {
    content: "\e200";
}

.glyphicon-category-2263:after {
    content: "\270f";
}

.glyphicon-category-39:after {
    content: "\e001";
}

.glyphicon-category-28:after {
    content: "\e035";
}

.glyphicon-category-31:after {
    content: "\e023";
}

.glyphicon-category-37:after {
    content: "\e006";
}

.glyphicon-category-8:after {
    content: "\e223";
}

.glyphicon-category-7:after {
    content: "\e240";
}

.glyphicon-category-10:after {
    content: "\e008";
}

body {
    background-color: #fff;
    color: #47443f;
    font-family: "Segoeui";
    font-size: 14px;
    line-height: 1.42857143;
}

.panel {
}

.panel label {
    display: block;
}

.header .navbar-top {
    min-height: 0;
    border-color: transparent;
    background-color: white;
    color: #013f86;
    margin-bottom: 0px;
    font-size: 11px;
    min-height: 0;
    margin-bottom: 0px;
    width: 100%;
}

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

.fond-site {
    background-color: #013f86;
    color: white;
    font-size: 12px;
    letter-spacing: 1.1px;
}

.header .navbar-top a {
    font-size: 14px;
    cursor: pointer;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #013f86;
    text-decoration: underline;
    background-color: transparent;
    font-size: 14px;
}

.nb-item {
    background-color: #00a3e2;
    padding: 0px 6px;
    border-radius: 10px;
    color: white;
    margin-right: 5px;
}

.ico-account-ok {
    display: none;
}

.glyphicon-shopping-cart {
    color: #013f86;
}

.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: 90%;
    float: right;
}

.header .nav-user {
    margin-right: 15px;
}

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

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

.header .nav-categories > li {
    display: inline-block;
    padding: 5px 10px;
    border-bottom: 4px solid transparent;
}

.header .nav-categories > li > a {
    font-size: 14px;
    color: #013f86;
    font-weight: 600;
}

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

#random {
    margin-top: 20px;
}
#random .products .product {
	margin-left: 0px;
    margin-right: 0px;
}

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

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

.footer-default {
    background-color: #000e21;
    color: white;
    padding-top: 20px;
    margin-top: 100px;
    font-size: 18px;
}

.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: 11px;
}

.footer-copy {
    padding-top: 9px;
    background-color: #013f86;
    color: white;
    margin-top: 20px;
    font-size: 11px;
}

.footer a {
    font-size: 11px;
}

.logo-footer {
    width: 45%;
    margin: auto;
}

.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;
}

@media (min-width: 768px) {
    .footer .copyright {
        float:left;
    }

    .footer .nav-legal {
        float: right;
    }
}

.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;
}

.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;
}

.products .product {
    margin-bottom: 20px;
}

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

.products{
    .clearfix{
        margin-bottom: 50px;
    }
    .product{
        margin-left: 30px;
        margin-right: 30px;
    }
    .product-title {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }
}

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

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

@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;
    }
}

.nav-checkout {
    margin: 0 -15px 20px -15px;
    display: flex;
    justify-content: center;
}

.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: none;
}

@media (max-width: 768px) {
    .logo-footer {
        width:100%;
    }
}

.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: #f3f3f3;
    color: #3C3E3D;
    position: absolute;
    border: none;
    border-radius: 0;
    margin-top: 0;
    padding: 15px;
    left: 0;
    right: 0;
    width: 20%;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.header .nav-categories > li:hover{
    border-bottom: 4px solid #00A3E2;
    height: 80px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin-top: 0px;
}
.dropdown-menu a {
    color: #3C3E3D;
    text-decoration: none;
    z-index: 2;
    font-size: 14px;
    font-weight: normal;
}

.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:hover {
    color: #FE8828;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.titre_texte_login {
    font-size: 14px;
    font-weight: bold;
    color: #013f86;
    text-decoration: none;
    text-align: center;
    padding: 10px 0 10px 0;
}

.categories {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.hauteur {
    padding: 30px 0 30px 0;
}

.hauteur2 {
    padding: 10px 0 10px 0;
}

.hauteur3 {
    padding: 20px 0 50px 0;
}

.btn-primary, .btn-default {
    color: #FFF;
    background-color: #013f86;
    border-color: #013f86;
}

/* .btn-primary:hover {
    color: #033868;
    background-color: white;
    border-color: #033868;
} */
.carousel-indicators{
    width: auto !important;
    margin-left: 0 !important;
}

.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: #00a3e2;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

#random .product-title, #random .product-title a {
    color: #47443f;
    text-align: center;
    font-family: "Segoeui";
}

.product-title {
    color: #47443f;
    font-size: 22px;
    margin-bottom: 0px;
}

.titre_edito {
    font-size: 13px;
    font-weight: bold;
    color: #013f86;
    text-decoration: none;
}

.texte_edito {
    font-size: 12px;
    font-weight: normal;
    color: #777;
    text-decoration: none;
}

a {
    color: #47443f;
    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: #013f86;
    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: #013f86;
}

#PdtXQStock strong {
    color: #013f86;
    font-weight: 400;
    float: right;
}

#product {
    padding-bottom: 10px;
}

#cart {
    padding-bottom: 10px;
    cursor: default;
}

#confirmation {
    padding-bottom: 10px;
}

#message {
	margin-top: 50px;
    padding-bottom: 15px;
    .form-control{
        height: 40px;
    }
    #body{
        height: auto !important;
    }
    .form-group {
        margin-bottom: 25px;
    }
    .btn-contact{
        margin-top: 30px;
        display: flex;
        background-color: #013f86;
        color: white;
        padding: 10px 25px;
        border-radius: 25px;
		justify-content: center;
        img{
            padding-left: 10px;
        }
    }
}

.nav-checkout .active {
    color: #013f86;
}

.header-autre .nav-categories > li > a {
    color: #013f86;
}

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

.header-autre {
    padding-top: 10px;
}

.breadcrumb {
    background-color: transparent;
    padding: 8px 10px !important;
}
.breadcrumb-product{
    display: flex;
    align-items: baseline;
}
.img-home {
    width: 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none;
    background-color: transparent !important;
    color: #013f86 !important;
}
.nav-tabs {
    border-bottom: none;
}

.modal-product {
    padding: 3%;
}

@media screen and (min-width: 995px) {

}

@media screen and (min-width: 992px) {
    .div-search {
        left: 105px;
        height: 80px;
    }
}

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

.ico-close {
    width: 30px;
}

#myModalLabel {
    color: #323c49;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

.title-modal-product {
    color: #323c49;
    font-size: 20px;
    font-weight: 600;
}

.type-product-modal {
    color: #323c49;
    font-size: 20px;
    font-weight: 600;
}

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

.text-modal {
    color: #013f86;
    font-size: 18px;
    text-align: center;
    white-space: pre-line;
}

.btn-prod-modal {
    color: #434f61;
    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-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 43px;
    text-align: center;
}

.return-product {
    background-image: url(//m3.extradtp.net/Org/M3342x340984.svg);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    transition: .3s all ease;
    float: left;
    margin-right: 5px;
}

.div-aide {
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 25px;
    font-size: 22px;
    color: #47443f;
    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: CeraProMedium;
    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: 425px) {
	.PanierTRPays {
		position: absolute;
	}
    .lien-more {
        padding: 10px 90px !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;
    }

    .header .nav-categories > li > a {
        margin-right: 15px !important;
    }

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

@media screen and (min-width: 1180px) and (max-width: 1299px) {
    .texte-slider{
        padding: 15px !important;
    }
    .page-engagement{
        .titre-engagement{
            font-size: 40px;
        }
        .texte-slider{
            width: 50% !important;
            margin-left: 0px !important;
            padding: 5px;
        }
    }
}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
    .fond-noir {
        height:303px !important;
        padding-top: 4% !important;
    }
    .texte-slider{
        padding: 25px !important;
    }
    .page-engagement{
        .texte-slider{
            padding: 7px !important;
        }
    }
}

@media screen and (min-width: 1440px) {
    .container {
        width:1440px;
    }
}

@media screen and (max-width: 1440px) {
	.header .brand .img[src*=".svg"] {
		max-height: 100px;
	}	
	
	.div-search input.form-control::placeholder {
		padding-left: 0px;
	}
	.ico-header {
		margin-right: 6px;
	}
	.texte-slider {
		width: 48% !important;
        margin-left: 0px !important;
	}
}

.margin-auto {
    margin: auto;
}

.div-search input.form-control {
    /* border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; */
    background-color: #edeff0;
    border: transparent;
    /* color: #013f86; */
    font-family: "Segoeui";
    font-size: 12px;
    /* padding-left: 25px; */
}

.div-search input.form-control::placeholder {
    font-weight: 500;
    font-size: 14px;
    color: #ababab;
    font-family: "Segoeui";
}

.div-search .btn-primary, .btn-search {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.div-search .input-group {
    margin-bottom: 0px;
}
/* .div-search{
    left: 105px;
    height: 80px;

} */
.display-flex {
    display: flex;
    align-items: center;
}

.no-padding {
    padding: 0px;
}

.fond-noir {
    padding: 0px;
    background-color: #47443f;
    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: "Segoeui";
    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 {
    margin-top: 20%;
    margin-bottom: 12%;
}

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

.img-bas-home {
    border-radius: 10px;
}

.div-search-home .form-control, .div-search-home .form-control::placeholder {
    font-size: 12px;
}

.lien-more {
    font-size: 16px;
    background-color: #013f86;
    padding: 12px;
    border-radius: 10px;
    font-family: "Segoeui";
    display: block;
    text-transform: uppercase;
    width: 27%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.lien-more img {
	width: 12px;
    display: inline-block;
    margin-right: 15px;
}

/* .lien-more:hover {
    background-color: white;
    border: 1px solid #013f86;
    color: #013f86;
} */

.ico-home {
    width: 15px;
}

.ico-arrow-right {
	height: 12px;
    margin-right: 5px;
}

.titre-cat {
    font-family: "Segoeui";
    font-size: 16px;
    color: #013f86;
    margin-top: 8px;
    display: block;
	font-weight: bold;
}

.titre-cat:hover {
    color: #00a3e2;
}

.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: #013f86;
    border-radius: 14px;
}

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

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

.background {
    background-color: #013f86;
    border-radius: 10px;
}

.selectize-input {
    border-radius: 20px !important;
}
.div-search-home .form-control{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.btn-search-home{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.selectize-input {
    border-radius: 10px !important;
}

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

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

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

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

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

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

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

/* ATx:https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css */
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible!important;
    background: #f2f2f2!important;
    background: rgba(0,0,0,.06)!important;
    border: 0 none!important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 3px 12px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px!important
}

.selectize-dropdown-header-close:hover {
    color: #000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px!important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid transparent;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0,0,0,.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: transparent
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: 0 0
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77,77,77,0)
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px
}

.selectize-control {
    position: relative
}

.selectize-dropdown,.selectize-input,.selectize-input input {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    -webkit-font-smoothing: inherit
}

.selectize-control.single .selectize-input.input-active,.selectize-input {
    background: #fff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #ccc;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px
}

.selectize-input.full {
    background-color: #fff
}

.selectize-input.disabled,.selectize-input.disabled * {
    cursor: default!important
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.15)
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom:1}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333;
    border: 0 solid transparent
}

.selectize-control.multi .selectize-input>div.active {
    background: #428bca;
    color: #fff;
    border: 0 solid transparent
}

.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active {
    color: grey;
    background: #fff;
    border: 0 solid rgba(77,77,77,0)
}

.selectize-input>input {
    display: inline-block!important;
    padding: 0!important;
    min-height: 0!important;
    max-height: none!important;
    max-width: 100%!important;
    margin: 0!important;
    text-indent: 0!important;
    border: 0 none!important;
    background: 0 0!important;
    line-height: inherit!important;
    -webkit-user-select: auto!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: 0!important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #fff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255,237,40,.4);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.selectize-dropdown .optgroup-header,.selectize-dropdown .option {
    padding: 3px 12px
}

.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5
}

.selectize-dropdown [data-selectable].option {
    opacity: 1
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #777;
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626
}

.selectize-dropdown .active.create {
    color: #262626
}

.selectize-dropdown .create {
    color: rgba(51,51,51,.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #333 transparent
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px!important
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fff
}

.selectize-dropdown,.selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143
}

.selectize-dropdown .optgroup:first-child:before {
    display: none
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px
}

.selectize-dropdown-content {
    padding: 5px 0
}

.selectize-dropdown-header {
    padding: 6px 12px
}

.selectize-input {
    min-height: 34px
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-input.dropdown-active::before {
    display: none
}

.selectize-input.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.has-error .selectize-input {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .selectize-input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px
}

.selectize-control.multi .selectize-input>div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.container-product {
	margin-top: 20px;
}
.breadcrumb-responsive {
	display: inline-block;
}

#product h1.productPageTitle {
    font-family: Segoeui;
    width: 100%;
    color: black;
    font-size: 26px;
    line-height: 30px;
	margin-top: 0px;
}

#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: #013f86;
    font-weight: bold;
    font-size: 28px;
}

#product .refPdt {
    font-size: 14px;
    color: #013f86;
}

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

#product #divprixmini #prixmini {
    color: #013f86;
    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: "Segoeui";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 21px;
    float: left;
    margin-bottom: 5px;
    margin-left: 20px;
}
#product div#pPdtCoul,#product div#pPdtTaille,#product #pPdtMat {
    color: black;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
    width: 100%;
    display: block;
    margin-top: 15px;
	font-weight: bold;
}

#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 {
    float: right;
    width: 75%;
    text-align: left;
    border: 1px solid #edeef4;
    border-radius: 8px;
    background-color: #fff
}

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

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

#product div#pPdtMarqs {
    color: black;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-top: 0px;
	font-weight: bold;
}

#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: black;
    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: #013f86;
    font-weight: bold;
    float: left;
    clear: both;
    margin-left: 20px
}

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

#product span#pPdtQ {
    color: black;
    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: #013f86;
	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
}

#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%;
    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
}

#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
}

#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: #013f86
}

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

#product .text-fdp-product small {
    font-weight: normal;
    font-size: 14px
}

#product #changePos {
    margin-top: 30px;
    margin-bottom: 80px;
}

#product #changePos .nav-tabs {
    background-color: #fff;
    padding-top: 15px;
    border-bottom: 1px solid #013f86
}

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

#product #changePos .nav-tabs li {
    width: 50%;
    /* border-right: 1px solid #013f86 */
}
#product #changePos .tab-content {
    margin-top: 60px;
}

#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: #013f86;
    margin-bottom: 10px;
    display: block;
    font-family: Segoeui;
}

#product .tabTech {
    width: 100%;
    color: black;
    font-size: 14px;
    font-weight: bold;
}
#product .tabTech option{
	color: black;
    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: #fff !important;
  
    border-bottom: 2px solid #013f86 !important;
  
    font-weight: bold !important;
  
    background-color: #013f86 !important;
  
    border-radius: 10px 10px 0px 0px;
  
    background: linear-gradient(to bottom, #013f86 0%,#002759 99%);
}
#product .product-details-tab {
    background-color: #fff;
    box-shadow: none
}

#product .product-details-tab ul li a {
    color: #013f86;

    font-size: 15px;
  
    font-weight: 400;
  
    letter-spacing: 0;
  
    line-height: 25px;
  
    text-align: center;
  
    border: solid 1px #fff;
  
    border-radius: 10px 10px 0px 0px;
  
    background: linear-gradient(to bottom, #f0f0f0 75%,#d8d8d8 100%);
}

#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 #PdtMarqs {
    width: 87%;
    float: right;
	border-color: #6d7f96;
	border-radius: 8px;
}

#product #SPTabPdtMarqPrix {
    display: none
}

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

#product .txtstock {
    color: #013f86;
    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: #013f86;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    margin-top: 20px;
	justify-content: center;
	display: flex;
}
#product button.btn.btn-productPage:hover {
	background-color: #00a3e2;
}

#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 {
    left: auto !important;
    right: 30px;
}

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

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

.texte-slider {
	position: absolute;
    height: 100%;
    background-color: #002f78;
    color: white;
    padding: 50px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	width: 38%;
    margin-left: 13%;
}

.titre-slider {
	font-family : "AlbertExtraBold";
	font-size: 50px;
    line-height: 50px;
}
.titre-engagement {
	font-family : 'AlbertExtraBold';
	font-size: 50px;
	font-weight: bold;
	line-height: 55px;
	margin-bottom: 15px;
}

.text-slider {
	font-size: 16px;
    margin-top: 15px;
}

.btn-slider img {
    width: 13px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
}

.btn-slider {
    border: 1px solid white;
    font-size: 16px;
    border-radius: 10px;
    padding: 8px 15px;
    width: 39%;
    margin-top: 25px;
    color: white;
    text-align: center;
}
.btn-slider a{
	color: white;
    font-size: 16px;
}
.btn-slider:hover, .lien-more:hover{
	font-size: 16px;
    background-color: #00A3E2;
    border-color: #00A3E2;
}
.btn-primary:hover, .btn-default:hover{
    color: white;
    background-color: #00A3E2;
    border-color: #00A3E2;
}
.texte-bloc-home {
	position: absolute;
    color: white;
    bottom: 20px;
    left: 40px;
}
.titre-bloc-home {
	font-size : 30px;
	font-weight : bold;
	font-family : "Albert";
	line-height: 35px;
}
.text-bloc-home {
	font-size: 16px;
	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 #divprixref p.text-avec-marq, #product #divprixref p.text-hors-marq, #product #divprixref p.text-avec-marq-p, #product #divprixref p.text-hors-marq-p {
    float: right;
    text-align: right;
    color: #313b48;
    font-size: 11px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: inherit;
}

.titre-bloc-engagement {
	font-family: "Albert";
    font-size: 30px;
    color: #013f86;
    font-weight: bold;
    line-height: 35px;
	margin-bottom: 20px;
	margin-top: 80px;
}
.text-bloc-engagement {
	font-size: 16px;
}
.div-bloc-engagement {
	position: absolute;
    right: 50px;
    color: white;
}
.titre-bloc-1-engagement {
	font-family: Albert;
    font-weight: bold;
    font-size: 30px;
    color: #1cb9f6;
    margin-bottom: 5px;
}
.text-bloc-1-engagement {
	font-size: 16px;
}
.div2-engagement img {
	border-radius: 10px;
}
.div2-engagement {
	margin-top: 80px;
}

/*LOUPE HEADER FERMER*/
#close-search-desktop{
    display: block;
}
/* LOUPE HEADER OUVERT */
.open-search-desktop{
    display: none;
}

#open-search input{
    color: #333;
    font-size: medium;
}
.close-search, #close-search-desktop{
    padding: 0%;  
    background-color: white;
}
.close-search:focus, .dropdown:focus{
    outline: none !important;
    outline-offset: 0px !important;
}
.close-search:active{
    -webkit-box-shadow: none !important; 
    box-shadow: none !important;
}
.btn-open{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: #edeff0;
    border-color: #edeff0;
    height: 84px
}
.btn-open:hover{
    background-color: #edeff0;
    border-color: #edeff0;
}
.ico-search-open{
    color: #47443f;
    width: 17px;
    cursor: pointer;
}
.form-search{
    height: 84px !important;
    width: 80% !important;
}
.form-search:hover{
    background-color: #edeff0;
    border-color: #edeff0;
}
.form-search:focus{
    box-shadow: none;
}

/* BOUTON CONTACT HEADER */
.contact{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    .btn-primary{
        color: #FFF;
        background-color: #013f86;
        border-color: #013f86;
        text-align: center;
        width: 170px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
    }
    .btn-primary:hover{
        background-color: #00A3E2;
        border-color: #00A3E2;
    }
}

.ico-user:hover{
    color: red;
}
.ico-enveloppe{
    width: 17px;
    display: inline-block;
    margin-right: 10px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;


}
/* BURGER */

.header-nav {
    padding-top: 20px;
    padding-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
}
nav.show ul> li> a:hover{
    color: white;
}
.burger {
    width: 35px;
    height: 0px;
    position: absolute;
    top: 50px;
    right: 35px;
    border-radius: 4px;
    z-index: 1002;
}
.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 span,.burger span::after,.burger span::before {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #033868;
    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: -10px;
}
.burger span::after {
    top: 9px;
}

.burger.clicked span {
    background-color: transparent;
}
.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);
}
.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);
}
.show {
    display: block !important;
}
nav.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
nav ul.main {
    list-style-type: none;
}
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 {
    background-color: #033868;
    position: fixed;
    z-index: 1001;
    text-align: center;
    top: 0;
    right: 0px;
    height: 100%;
    max-width: 1075px;
    width: 100%;
    /* padding: 100px 40px 60px; */
    padding: 10px 0px 0px;
    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);
}
.header-nav {
    a:hover {
        color: #2e2f2f;
    }
}
nav ul.main li a {
    color: #ffffff;
    font-family: "Red Hat Display", sans-serif !important;
    text-decoration: none;
    font-size: 1.5rem;
    display: block;
    letter-spacing: 5px;
    font-weight: 600;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 15px;
}

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;
}
@media screen and (max-width: 992px) {
    .div-img-home{
        .titre-slider{
            line-height: normal !important;
            font-size: 25px;
        }
        .texte-slider{
            padding: 20px !important;
        }
    }
    .page-engagement{
        .texte-slider{
            padding: 20px !important;
        }
    }
    #open-search{
        display: none;
    }
    #close-search{
        display: block;
    }
    .header {
        height: auto;
    }
    .header .nav-user {
        margin-left: 100px;
    }
    .brand-desktop{
        display: none;
    }
    /* MOBILE */
    .nav-user-mobile{
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .navbar-top{
        display: block !important;
    }
    .div-search .input-group{
        margin-top: 20px;
        margin-left: 100px;
    }
    .nav ul.main li a{
        padding: 10px 30px 10px 0px;
    }
    nav ul.main{
        padding: 0;
        margin-top: 100px;
    }
    .btn-contact{
        display: none;
    }
    .header .brand .img[src*=".svg"]{
        width: auto;
    }
    /* PAGE ACCUEIL */
    .btn-slider{
        width: 46%;
        margin-top: 10px;
    }
    .btn-slider, .text-slider, .titre-slider{
        font-size: 15px;
    }
    /* PAGE PRODUIT */
    #product .product-gallery #PdtImage {
        width: 300px !important;
    }
    /* PAGE PANIER */  
    .page-title{
        text-align: center;
		margin: 0px 0 20px 0;
    }
    /* PAGE ENGAGEMENT */
    .titre-engagement {
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width: 768px) {
    .div-img-home{
        .titre-slider{
            line-height: normal !important;
            font-size: 20px;
        }
        .texte-slider{
            padding: 10px !important;
        }
    }
    .page-engagement{
        .texte-slider{
            padding: 7px !important;
        }
    }
    /* PAGE ACCUEIL */
    .header .nav-user {
        margin-bottom: 10px;
    }
    .navbar-top .row{
        flex-wrap: wrap;
    }
    .btn-slider{
        width: 55%;
        margin-top: 10px;
        padding: 1px 15px;
    }
    .btn-slider, .text-slider, .titre-slider, .titre-engagement{
        font-size: 14px;
    }
    .text-slider{
        margin-top: 5px;
    }
    .titre-cat{
        font-size: 13px;
    }
    .lien-more{
        width: auto;
    }
    .bloc-home{
        margin-bottom: 20px;
    }
    /* PAGE PRODUIT */
    .divdetails{
        margin-top: 30px;
    }
    /* PAGE ENGAGEMENT */
    .titre-engagement{
        line-height: 20px;
    }
    .div-bloc-engagement{
        left: 20px;
        right: 0;
    }
}
@media screen and (max-width: 426px) {
    .img-categ-header{
        display: none;
    }
    .no-display-on-mobile{
        display: none;
    }
    /* HEADER */
    .header .brand .img[src*=".svg"] {
        width: 64%;
    }
    .header .nav-user {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }
    .div-search .input-group{
        margin-top: 20px;
        margin-left: 30px;
    }
    /* FOOTER */
    .footer-mobile{
        display: flex;
        flex-direction: row;
        text-align: center;
		justify-content: space-evenly;
    }
    .logo-footer {
        width: 50%;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    /* PAGE ACCUEIL */
    .texte-bloc-home {
        bottom: 0px;
        left: 30px;
    }
    .titre-cat {
        text-align: center;
    }
    .div-cat-home {
        background-color: white;
        border-radius: 0px;
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    /* PAGE CATEGORIES */
    .filtres-nbligne{
        display: contents !important;
    }
	.filtres-nbligne .form-group {
		display: flex;
		margin-bottom: 0;
	}
    /* PAGE PRODUIT */
    #product .product-gallery #PdtImage{
        width: 100%;
    }
    #product .owl-carousel.product-page .owl-nav{
        width: 60%;
    }
    #product .slide-product-image button.owl-next {
        right: -10px;
    }
    .PanierTR1{
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    #DtpPanierDis .PanierTable td {
        display: flex;
        float: none;
        position: relative;
        white-space: normal;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
    }
}

.PanierTRPays {
	position: absolute;
}


.category-total{
    font-size: 16px;
    font-family: "Segoeui";
}
.fond-bleu-categ {
    background-image: url(//m3.extradtp.net/Org/img-left-banner-bleu.466746x8A9C33.webp);
    background-position: left;
    background-color: #002f78;
    color: white;
    height: 200px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    .category-title{
        font-size: 40px;
        font-family: "Albert";
        font-weight: bolder;
        text-transform: uppercase;
    }
}
div.category-header[data-category-id="-666"] .img-categ-header {
    background-color: #002f78;
    height: 200px;
} 
div.category-header[data-category-id="-1"] .img-categ-header {
    background-image: url(//m3.extradtp.net/Org/img-banner-bureau.466742x14EE1E.webp);
    background-position: center;
    color: white;
    height: 200px;
}   
div.category-header[data-category-id="11535"] .img-categ-header, div.category-header[data-category-id="11541"] .img-categ-header  {
    background-image: url(//m3.extradtp.net/Org/img-banner-bureau.466742x14EE1E.webp);
    background-position: center;
    color: white;
    height: 200px;
}    
div.category-header[data-category-id="11533"] .img-categ-header {
    background-image: url(//m3.extradtp.net/Org/img-banner-textile.466745x2117AB.webp);
    background-position: center;
    color: white;
    height: 200px;
}  div.category-header[data-category-id="11539"] .img-categ-header {
    background-image: url(//m3.extradtp.net/Org/img-banner-quotidien.466744x587F6E.webp);
    background-position: center;
    color: white;
    height: 200px;
}  
div.category-header[data-category-id="11534"] .img-categ-header {
    background-image: url(//m3.extradtp.net/Org/img-banner-bagagerie.466741xED4C47.webp);
    background-position: center;
    color: white;
    height: 200px;
}  
div.category-header[data-category-id="11536"] .img-categ-header {
    background-image: url(//m3.extradtp.net/Org/img-banner-prosecurite.466743x858FB2.webp);
    background-position: center;
    color: white;
    height: 200px;
}

div.category-header[data-category-id="12410"] .img-categ-header {
    background-image: url(//m3.extradtp.net/Org/img-banner-eqiometmoi.484002x146458.webp);
    background-position: center;
    color: white;
    height: 200px;
}  
.product-details p {
	text-align: center;
	margin-top: 5px;
}

#text-stock {
	clear: both;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
}
.fond-message {
    background: #013f86;
    max-height: 445px;
	.text-slider {
		font-size: 14px;
		color: white;
		margin-top: 15px;
	}
}
.titre-slider {
    font-family: "Albert";
    font-size: 50px;
    color: white;
    line-height: 60px;
}

.d-flex-align-center {
    display: flex;
    align-items: center;
}

.div-contact-1 {
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: 500;
    font-size: 22px;
    color: #0074df;
	.img-contact {
		width: 80px;
		display: inline-block;
		margin-right: 20px;
	}
	a, a:hover {
		font-weight: 500;
		font-size: 22px;
		color: #0074df;
	}
}

.d-flex-center {
    display: flex;
    justify-content: center;
}