/*! components.css */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

@media (min-width: 1140px) {
    .col-xl-2_4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.mt-100{
    margin-top: 100px;
}
.mt-50{
    margin-top: 50px;
}
.pt-50{
    padding-left: 50px;
}
.justify-content-center{
    justify-content: center;
}
/* GENERAL */
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border: 1px solid #ddd;
    padding: 10px 15px;
}
.panel-body {
    padding: 15px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-color: #ddd;
    border: 1px solid #ddd;
}
.panel{
    background-color: #fff;
    border: 1px solid transparent;
}
.panel-group{
    .form-group {
        margin-bottom: 15px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff !important;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
}
.form-control:focus {
    color: #3c3c3c;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.form-control, .selectize-input, .selectize-dropdown {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border-radius: 3px;
    font-size: 14px !important;
    color: #3c3c3c;
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
}
body {
    background-color: #fff;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: "Roboto";
}
.group {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn{
    border-radius: 20px !important;
    font-size: 14px;
}
.btn:hover{
    background-color: #042d62;
    border-color: #042d62;
    color: white;
}
.collapse.in {
    display: block;
}
/* HEADER */
.header{ 
    height: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.ico-header {
    width: 16px;
}
.ico-menu{
    width: 20px;
	cursor: pointer;
}
.ico-quitter{
    margin-right: 30px;
    width: 20px;
}
.logo-header{
    width: 120px;
    margin-right: 20px;
}
.logo-alsd{
    width: auto;
    height: 25px;
    margin-right: 10px;
}
.logo-login {
    width: 170px;
    margin-bottom: 100px;
}
.border-ico{
    width: 42px;
    border: 1px solid #00a8b5;
    border-radius: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-user{
    background-color: #00a8b5;
    color: white;
	margin-right: 0px !important;
}
.identite-user{
    color: white;
}
.nav-user {
	margin-top: 20px;
}
.nav-user li{
    margin-right: 15px;
}
.nb-item {
    background-color: #00a8b5;
    border-radius: 10px;
    color: white;
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    right: 16%;
    top: 5px;
    bottom: 0;
}

/* FOOTER */
.copyright{
    font-size: 12px;
    color: #cfc5c5;
}
.bas-footer{
    padding-top: 80px;
    padding-bottom: 70px;
    .btn{
        border-color: white;
        background-color: transparent;
        width: 100%;
        padding: 10px 0px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 30px !important;
    }
    .btn:hover{
        border-color: white;
        background-color: transparent;
        width: 100%;
        padding: 10px 0px;
    }
}
.footer-default {
    background-color: #042d62;
    color: #ffffff;
    font-size: 14px;
    list-style: none;
    font-family: "Arial";
    a{
        color: white;
    }
    .copyright{
        font-size: 14px;
        color: #ffffff;
        float: right;
    }
    .logo-footer {
        width: 120px;
    }
    .nav li{
        margin-right: 15px;
    }
}
.footer-default a:hover {
    color: #ffffff;
    text-decoration: underline !important;
}
.footer-copy {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #042d62;
    color: #ffffff;
    border-top: 1px solid white;
    p{
        margin: 0px;
    }
}
.logo-footer {
    width: 45%;
    margin: auto;
}

/* CAROUSEL */
.item{
    display: flex;
    align-items: center;
    img{
        border-radius: 25px;
    }
}
.texte-slider-home{
    margin-left: 100px;
    position: absolute;
    display: flex;
    flex-direction: column;
    color: #042d62;
    h2{
        font-size: 50px;
        font-weight: bold;
        font-family: "Arial";
    }
    p{
        font-size: 18px;
        margin: 0px;
        font-family: "Arial";
        line-height: 22px;
    }
}
/* HOME */
.ico-produit{
    width: 18px;
}
.filtre-home{
    .category-total{
        color: #042d62;
        font-weight: bold;
        float: right;
    }
}
.img-bas-home {
    border-radius: 20px;
}
.bloc-home{
    position: relative;
}
.texte-bloc-home{
    position: absolute;
    bottom: -50px;
    left: 50px;
    background-color: white;
    border-radius: 40px;
    text-align: center;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding-top: 15px;
}
.titre-bloc-home {
	font-size : 20px;
    color: #042d62;
    font-family: "Arial";
}
.text-bloc-home{
    font-size: 14px;
    color: #3c3c3c;
    font-family: "Arial";
    line-height: 10px;
}
.product-price {
    color: #00a8b5;
    font-size: 18px;
    font-weight: bold;
}
.product-title, .product-title a {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: bold;
}
.product-title a:hover{
    color: #3c3c3c;
    font-size: 16px;
    font-weight: bold;
}
.product-title, small{
    font-family: "Arial";
}
.border-produit{
    border: 1px solid #a8b2bf;
    margin-top: 15px;
    margin-bottom: 15px;
}
#random{
    margin-top: 20px;
    .item-produit li {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 10px;
    }
    .ul-product-ico {
        left: -25px;
        top: -10px;
    }
    .btn-default {
        display: none;
    }

    .product-img{
        margin-bottom: 10px;
    }
    .product {
        margin-left: 0px;
        margin-right: 0px;
    }
    .bg-caddie{
        background-color: #00a8b5;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
		align-items: center;
		#btn-ajout-panier:hover {
			background-color: #00a8b5;
			border-color: #00a8b5;
		}
		
    }
}

/* LOGIN */
.bg-login{
    background-image: url(//m3.extradtp.net/Org/big-img-orkyn.479254x8EF9C7.webp);
    background-repeat: no-repeat;
}
 .container-login{
    background-image: url(//m3.extradtp.net/Org/bg-orkyn.479255xDDC1A1.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 20%;
    height: 911px;
    label{
        font-weight: bold;
    }
    .form-control{
        border-radius: 20px;
    }
}

/* CATEGORIE */
.div-search-product{
    .input-group-btn{
        position: absolute;
        right: 0px;
        height: 100%;
        width: auto;
    }
    .btn-search-product{
        border-radius: 0px !important;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .input-group>.form-control:focus, .input-group>.form-select:focus{
        z-index: 0;
    }
}

/* ENGAGEMENT */

.text-slider {
    font-size: 16px;
    margin-top: 15px;
}
.titre-engagement {
    font-size: 50px;
    font-weight: bold;
    line-height: 55px;
    margin-bottom: 15px;
}
.texte-slider {
    position: absolute;
    height: 100%;
    background-color: #042d62;
    color: white;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 38%;
    margin-left: 13%;
}

.text-bloc-engagement {
    font-size: 16px;
}
.div-bloc-engagement {
    position: absolute;
    margin-right: 30px;
    color: white;
}
.titre-bloc-1-engagement {
    font-weight: bold;
    font-size: 30px;
    color: white;
    margin-bottom: 5px;
}
.text-bloc-1-engagement {
    font-size: 16px;
}
.div2-engagement img {
    border-radius: 10px;
}
.div2-engagement {
    margin-top: 80px;
}
.titre-bloc-engagement {
    font-size: 30px;
    color: #042d62;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 80px;
}

.products .product {
    margin-bottom: 20px;
	border: 1px solid #00a8b5;
    padding: 20px;
}

.products .product > *:not(:last-child) {
    margin-bottom: 10px;
}
.products{
    .clearfix{
        margin-bottom: 50px;
    }
    .product{
        margin-left: 30px;
        margin-right: 30px;
    }
}
.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;
}


.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;
}


.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;
	padding-left: 0px;
}

#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;
}

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";
}

.panel label {
    display: block;
}
.fond-site {
    background-color: #042d62;
    color: white;
    font-size: 12px;
    letter-spacing: 1.1px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #042d62;
    text-decoration: underline;
    background-color: transparent;
    font-size: 14px;
}

.glyphicon-shopping-cart {
    color: #042d62;
}


.img-more {
    width: 15px;
    display: inline-block;
    margin-left: 5px;
}


.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;
}
.ico-loupe{
    width: 20px;
    position: absolute;
    z-index: 99;
}
#category{
    .item {
        display: flex;
        align-items: flex-end;
    }
    .category-total {
        margin-bottom: 20px;
    }
    .form-inline, .form-group{
        display: flex;
        align-items: center;
    }
    .toolbar-top{
        margin-top: 30px;
    }
    .form-inline{
        .btn{
            margin-left: 15px;
        }
    }
    .form-control{
        padding: 5px 0px;
        border-radius: 3px;
        width: auto;
    }
    label{
        font-weight: bold;
    }
    .pagination{
        display: none;
    }
    .product{
        position: relative;
    }
}

@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: block;
    width: 100%;
	margin-bottom: 20px;
}

@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;
}
.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: #042d62;
    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: #042d62;
    border-color: #042d62;
}

.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;
}

.product-title {
    color: #47443f;
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    height: 45px;
    overflow: hidden;
	width: 100%;
}

.titre_edito {
    font-size: 13px;
    font-weight: bold;
    color: #042d62;
    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.navigation {
    color: #042d62;
    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: #042d62;
}

#PdtXQStock strong {
    color: #042d62;
    font-weight: 400;
    float: right;
}

#product {
    padding-bottom: 10px;
}

#cart {
    padding-bottom: 10px;
    cursor: default;
}

#confirmation {
    padding-bottom: 10px;
}

#message {
    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: #042d62;
        color: white;
        padding: 10px 25px;
        border-radius: 25px;
		justify-content: center;
        align-items: center;
        img{
            padding-left: 10px;
        }
    }
}

.nav-checkout .active {
    color: #042d62;
}

.header-autre .nav-categories > li > a {
    color: #042d62;
}

.header-autre .form, .header-autre .categories {
    margin-top: 20px;
    margin-bottom: 0px;
}

.header-autre {
    padding-top: 10px;
}

.breadcrumb {
    background-color: transparent;
    padding: 0px !important;
    margin: 0px;
    li{
        margin-right: 5px;
    }
}
.breadcrumb-product{
    display: flex;
    align-items: center;
}
.link-retour{
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.img-home {
    width: 15px;
}
.nav-tabs {
    border-bottom: none;
}

.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-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;
}

.margin-auto {
    margin: auto;
}

.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;
    display: block;
}

.fond-noir .lien {
    border: 1px solid white;
    padding: 8px 20px;
    border-radius: 5px;
    color: white;
}

.img-cat {
    border-radius: 10px;
}

.img-cat:hover {
    opacity: 0.8;
}

.lien-more {
    font-size: 16px;
    background-color: #042d62;
    padding: 12px;
    border-radius: 10px;
    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;
}

.ico-home {
    width: 15px;
}

.ico-arrow-right {
	height: 12px;
    margin-right: 5px;
}

.titre-cat {
    font-size: 16px;
    color: #042d62;
    margin-top: 8px;
    display: block;
	font-weight: bold;
}

.titre-cat:hover {
    color: #00a3e2;
}

.div-cat-home {
    background-color: #042d62;
    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;
}
#account{
    a:hover{
        color: white;

    }
}
.selectize-input {
    border-radius: 20px !important;
}

.selectize-input {
    border-radius: 10px !important;
}
.XFavorisBtnYes, .XFavorisBtnNo {
    font-size: 25px !important;
}

.NbLignesProduits, .OrdreTriPdt {
    border-radius: 25px;
}

.toolbar-toplabel {
    margin-right: 5px;
}

.NbLignesProduits {
    margin-right: 5px;
}

.toolbar-top label, .toolbar-bottom [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: 20px;
    border-radius: 20px;
    -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: 35px;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0 !important;
}
.container-product {
	margin-top: 20px;
    a:hover{
        color: #042d62;
    }
}
.breadcrumb-responsive {
	display: inline-block;
}
p.text-avec-marq, p.text-avec-marq-p {
    color: #3c3c3c;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 21px;
    float: left;
    margin-bottom: 5px;
    margin-left: 20px;
}

#PdtXQMiniSel {
	float: right;
    font-size: 13px;
}

#product #divprixmini p.text-avec-marq,#product #divprixmini p.text-avec-marq-p {
    float: right;
    text-align: right;
    color: #3c3c3c;
    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: #3c3c3c;
    font-size: 11px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: inherit;
}
#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 span[aria-label=Previous] {
    left: -25px;
    top: 0px;
    position: absolute
}
#product .product-gallery {
    text-align: center;
    margin-top: 20px;
    position: relative;
    #PdtImage {
        width: 500px
    }
    .ul-product-ico {
        position: absolute;
        top: 20px;
        left: 0px;
        z-index: 1
    }
    .ul-product-ico img.ico-cat-product {
        display: block;
        margin-top: 8px
    }
} 
#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{
    .plusinfo a {
        color: #042d62
    }
    h1.productPageTitle {
        width: 100%;
        color: #3c3c3c;
        font-size: 26px;
        line-height: 30px;
        margin-top: 0px;
    }
    .PdtRefPrix {
        border-bottom: 1px solid #3c3c3c;
        padding-bottom: 20px
    }
    #divprixref {
        display: none;
        text-align: right;
        color: #3c3c3c;
        font-size: 14px;
        padding-right: 20px;
        overflow: auto
    }
    #prixref {
        color: #042d62;
        font-weight: bold;
        font-size: 28px;
    }
    .refPdt {
        font-size: 14px;
        color: #042d62;
    }
    #divprixmini {
        display: none;
        text-align: right;
        color: #3c3c3c;
        font-size: 11px;
        padding-right: 20px;
        overflow: auto
    }
    #divprixmini #prixmini {
        color: #042d62;
        font-size: 28px;
        font-weight: bold
    }
    div#pPdtCoul {
        height: 35px;
        margin-top: 20px !important
    }
    #dPdtCols {
        border: none !important;
        margin-top: 5px;
        width: 75%;
        float: right
    }
    .coulPdt.active {
        border: 3px solid #cecece
    } 
    .coulPdt {
        height: 20px;
        width: 20px;
        display: inline-block;
        border-radius: 10px;
        margin-right: 5px;
        cursor: pointer
    }
    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;
    }
    #tabrem {
        color: #ea5c37;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 25px;
        text-align: left;
        width: 100%;
        display: inline-block;
        margin-top: 0px
    }
    #tabrem .text-tabrem {
        color: #3c3c3c;
        font-size: 12px;
        font-style: italic;
        background-color: #f3f4f6;
        padding: 15px
    }
    .tableaudeg {
        clear: both;
        margin-top: 40px
    }
    .tableaudeg td {
        padding-top: 6px;
        padding-bottom: 6px;
        border-right: 1px solid #dcdcdc;
        font-size: 12px
    }
    .tableaudeg tr:first-of-type {
        border-bottom: 1px solid #dcdcdc
    }
    .tableaudeg .tr-fond {
        background-color: #d5dfdd;
        font-weight: bold
    }
    .tableaudeg table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 1px solid #dcdcdc
    }
    .coulPdt.blanc {
        border: 1px solid #a8a8a8
    }
    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
    }
    .affprix {
        font-size: 28px;
        color: #042d62;
        font-weight: bold;
        float: left;
        clear: both;
        margin-left: 20px
    }
    .total-price {
        font-weight: bold;
        color: #042d62;
        font-size: 28px;
        float: right;
        margin-right: 20px;
        text-transform: uppercase
    }
    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;
    }
    input#Q {
        float: right;
        width: 75%;
        text-align: right;
        border: 1px solid #edeef4;
        border-radius: 8px;
        background-color: #fff
    }
    #PdtXQStock {
        float: right;
        margin-top: 3px;
        color: #042d62;
        font-size: 13px;
    }
    .choosePdt {
        margin-top: 20px;
    }
    #PdtXPrixCalc {
        display: none
    }
    input#XFSubmit {
        display: none
    }
    .container-product {
        border-top: 1px solid #dadada
    }
    .owl-carousel.product-page {
        transform: rotate(90deg);
        width: 500px;
        margin-top: 240px;
        left: -216px
    }
    .item.subproduct-image {
        transform: rotate(-90deg);
        border: 1px solid #d0d0d0;
        border-radius: 10px;
        margin-left: 10px;
        width: 100%;
        float: right
    }
    .owl-carousel.product-page .owl-nav {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 104%;
        top: calc(50% - 61px)
    }
    .owl-carousel.product-page .owl-item img {
        border-radius: 10px;
        padding: 5px
    }
    .slide-product-image button.owl-prev {
        position: absolute;
        top: 34px;
        left: 21px
    } 
    .slide-product-image button.owl-prev,#product .slide-product-image button.owl-next {
        position: absolute;
        top: 34px
    }    
    .slide-product-image button.owl-next {
        position: absolute;
        right: 0px;
		top: 40px;
    }
    .slide-product-image .owl-nav span {
        font-size: 20px
    }
    .owl-carousel .owl-stage-outer {
        z-index: 999
    }
    .owl-carousel .owl-item {
        width: 90px !important;
        height: 90px;
        margin-left: 10px
    }
    .PdtRea {
        background-color: #ededed;
        margin-top: 50px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    #divprixmini p.text-avec-marq, #product #divprixmini p.text-avec-marq-p {
        float: right;
        text-align: right;
        color: #3c3c3c;
        font-size: 11px;
        margin-bottom: 0px;
        margin-left: 0px;
        line-height: inherit;
    }
    #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;
    }
    .text-fdp-product {
        font-size: 16px
    }
    .text-fdp-product small {
        font-weight: normal;
        font-size: 14px
    }
    #changePos {
        margin-top: 30px;
        margin-bottom: 80px;
    }
    #changePos .nav-tabs {
        background-color: #fff;
        padding-top: 15px;
        border-bottom: 1px solid #042d62
    }
    #changePos .nav-tabs li a {
        margin-right: 0px;
        cursor: pointer;
    }
    #changePos .nav-tabs li {
        width: 50%;
    }
    #changePos .tab-content {
        margin-top: 60px;
    }
    #changePos .PdtReaPicto {
        display: inline-block
    }
    #changePos .img-check {
        width: 20px;
        display: inline;
        margin-right: 5px
    }
    #changePos #accordion {
        text-align: left;
        font-size: 12px;
        color: #3c3c3c
    }
    #changePos .cardN-header {
        color: #3c3c3c;
        font-weight: bold
    }
    #changePos .cardN-header .btn-link {
        color: #3c3c3c;
        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
    }
    #changePos .img-arrow {
        width: 12px;
        display: inline-block;
        margin-right: 20px
    }
    #changePos .img-arrow-down {
        width: 12px;
        display: inline-block;
        margin-right: 20px;
        display: none
    }
    #changePos .nav-tabs li:last-child {
        border-right: 0px;
    }
    #changePos .icoTech {
        width: 44px;
        margin: auto
    }
    #tarifProduitTab,#product #marquagePdt {
        color: #313b48;
        font-size: 14px
    }
    .PdtNom {
        font-size: 22px;
        color: #042d62;
        margin-bottom: 10px;
        display: block;
    }
    .tabTech {
        width: 100%;
        color: black;
        font-size: 14px;
        font-weight: bold;
    }
    .tabTech option{
        color: black;
        font-size: 14px;
        font-weight: bold;
    }
    div#pPdtDesc {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .product-details-tab ul li.active a {
        color: #fff !important;
        font-weight: bold !important;
        background-color: #042d62 !important;
        border-radius: 10px 10px 0px 0px;
        width: 100%;
    }
    .product-details-tab ul li a {
        color: #042d62;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        border-radius: 10px 10px 0px 0px;
        background-color: #f0f0f0;
        width: 100%;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
    .product-details-tab {
        box-shadow: none
    }
    .tabTech td {
        padding-left: 15px;
        padding-top: 3px;
        padding-bottom: 3px
    }
    .bgGrey {
        background-color: #ededed
    }
    .background-bloc2 .cont-video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center
    }
    .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%
    }
    .background-bloc2 .div-bloc {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .background-bloc2 img {
        height: 70px;
        width: auto
    }
    .background-bloc2 .text-img {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        margin-left: 20px;
        margin-right: 20px
    }
    .background-bloc2 .sstext {
        font-size: 18px;
        color: #fff;
        margin-top: 20px;
        margin-bottom: 0px
    }
    #PdtMarqs {
        width: 87%;
        float: right;
        border-color: #6d7f96;
        border-radius: 8px;
    }
    #SPTabPdtMarqPrix {
        display: none
    }
    #SPPdtMarqRem {
        font-size: 12px;
        font-weight: 400
    }
    .txtstock {
        color: #042d62;
        clear: both;
        margin-left: 20px;
        margin-bottom: 0px
    }
    .smallmin {
        float: right;
        margin-bottom: 25px
    }
    .tabTech tr {
        height: 40px
    }
    button.btn.btn-productPage {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 23px;
        border-radius: 7px;
        background-color: #042d62;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%;
        margin-top: 20px;
        justify-content: center;
        display: flex;
    }
    button.btn.btn-productPage:hover {
        background-color: #042d62;
    }
    button.btn.btn-productPage .ico-panier {
        width: 20px
    }
    button.btn.btn-productPage .txt-btn-panier {
        font-size: 17px;
        margin-bottom: 0;
        margin-top: 5px
    }
    .div-co2 {
        margin-bottom: 15px
    }
    .div-co2 .ico-co2 {
        display: inline-block;
        height: 40px;
        float: left;
        margin-bottom: 15px;
        margin-right: 15px;
        width: auto
    }
    .div-co2 .info-co2 {
        font-size: 16px;
        font-weight: bold
    }
    .divDoc {
        width: auto;
        float: left;
        margin-right: 80px;
        margin-bottom: 20px
    }
    .divDoc .ico-doc {
        height: 40px;
        width: auto;
        display: inline-block;
        margin-right: 15px;
        float: left
    }
    .divDoc .infoDoc {
        display: inline-block
    }
    .divDoc .infoDoc .refDoc {
        color: #313b48;
        font-size: 14px;
        font-weight: bold
    }
    .divDoc .infoDoc .nomDoc {
        color: #313b48;
        font-size: 14px;
        display: block
    }
    .transporteur {
        background-color: #eaeaec;
        border-radius: 8px;
        padding: 30px
    }
    .transporteur .titre {
        color: #313b48;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .transporteur .text {
        color: #313b48;
        font-size: 14px
    }

} 

#product .transporteur .ico-transport,#product .transporteur .ico-transporteur {
    max-height: 40px
}

.modal-product {
    padding: 3%;
}
.fade.in {
    opacity: 1;
    background-color: transparent;
}
.modal.fade .modal-dialog{
    transform: translate(0, 100px) !important;
}
.close-modal-prod{
    background-color: transparent;
    border: 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: #3c3c3c;
    font-size: 18px;
}

.text-modal {
    color: #042d62;
    font-size: 18px;
    text-align: center;
    white-space: pre-line;
}

.btn-prod-modal {
    color: #3c3c3c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    background-color: rgba(0,0,0,0);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none;
    background-color: transparent !important;
    color: #042d62 !important;
}

.XFavorisCat {
    left: auto !important;
    right: 30px;
}

.XFavorisBtnYes, .XFavorisBtnNo {
	z-index: 8 !important;
}

.XFavorisPdt {
    position: absolute !important;
    left: auto !important;
    right: 13%;
    top: 0% !important;
}

/* .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: #042d62;
    border-color: #042d62;
}
.btn-primary:hover, .btn-default:hover{
    color: white;
    background-color: #042d62;
    border-color: #042d62;
} */

/*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: #042d62;
        border-color: #042d62;
        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;
    }
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}

/* BURGER */
nav.show ul> li> a:hover{
    color: white;
}
.show {
    display: block !important;
}
nav.show {
    width: 475px !important;
    padding-left: 50px;
    padding-top: 30px;
    left: 0;
	-webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    .logo-header {
        width: 150px;
    }
}
nav ul.main {
    list-style-type: none;
}
nav ul.main li {
    margin-bottom: 30px;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
}
nav ul.main li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.5rem;
    display: block;
    letter-spacing: 5px;
    font-weight: 600;
    padding: 10px 0;
    font-size: 16px;
}
nav {
    background-color: #3c3c3c;
    color: white;
    position: fixed;
    z-index: 1001;
    text-align: center;
    top: 0;
    left: 0px;
    height: 100%;
    width: 475px !important;
	max-width: 515px;
    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%);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    .border-ico{
        background-color: white;
        border-color: white;
    }
    .bg-user{
        background-color: #93acc4;
        border-color: #93acc4 !important;
    }
    a, a:hover{
        color: white;
        font-size: 16px;
    }
}

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;
}

.PanierTRPays {
	position: absolute;
}

.category-total{
    font-size: 16px;
}
.fond-categ {
    background-position: left;
    background-color: #042d62;
    color: white;
    height: 200px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    .category-title{
        font-size: 40px;
        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;
}  

/* .product-details p {
	text-align: center;
	margin-top: 5px;
} */

#text-stock {
	clear: both;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
	a {
		color: red;
		text-decoration: underline;
		font-weight: bold;
	}
}

/* RESPONSIVE */
@media screen and (max-width: 992px) {
    .texte-slider-home{
        h2{
            font-size: 25px;
        }
    }
    /* PAGE PRODUIT */
    .modal.fade .modal-dialog{
        transform: translate(0, 50px) !important;
    }
    /* PAGE PANIER */  
    .page-title{
        text-align: center;
		margin: 0px 0 20px 0;
    }
    /* PAGE ENGAGEMENT */
    .page-engagement {
        .texte-slider {
            padding: 20px !important;
        }
    }
    .titre-engagement {
        font-size: 25px;
        line-height: 30px;
    }
    .btn-slider, .text-slider, .titre-slider {
        font-size: 15px;
    }
}
@media screen and (max-width: 768px) {
    /* PAGE ACCUEIL */
    .texte-slider-home{
        margin-left: 10px;
        h2{
            font-size: 25px;
        }
    }
    
    .texte-bloc-home {
        bottom: -75px;
        height: 100px;
    }
    .bloc-home {
        margin-bottom: 100px;
    }
    .titre-cat{
        font-size: 13px;
    }
    .lien-more{
        width: auto;
    }
    nav.show {
        width: 300px;
    }
   
    /* PAGE PRODUIT */
    .divdetails{
        margin-top: 30px;
    }
    .modal.fade .modal-dialog{
        transform: translate(0, 20px) !important;
    }
    /* PAGE ENGAGEMENT */
    .page-engagement {
        .texte-slider {
            padding: 7px !important;
        }
    }
    .titre-engagement {
        line-height: 20px;
    }
    .btn-slider, .text-slider, .titre-slider, .titre-engagement {
        font-size: 14px;
    }
    .div-bloc-engagement {
        left: 20px;
        right: 0;
    }
}
@media screen and (max-width: 426px) {
    .img-categ-header{
        display: none;
    }
    .no-display-on-mobile{
        display: none;
    }
    /* FOOTER */
    .bas-footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .logo-footer {
        width: 50%;
        margin-bottom: 40px;
    }
    .footer-default{
        .copyright {
            float: left;
        }
    }
    /* PAGE ACCUEIL */
    .texte-bloc-home {
        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;
    }
}
@media screen and (max-width: 500px) {
	
	#product {
		.affprix, .total-price {
			font-size: 20px;
		}
	}
	.dropdown-menu.show {
		transform: translate(-110px, 30px) !important;
	}
	.div2-engagement img {
		display: none;
	}
	.div-bloc-engagement {
		position: relative;
		margin-right: 0px;
		color: black;
		left: 0px !important;
	}
	.titre-bloc-engagement, .titre-bloc-1-engagement {
		font-size: 25px !important;
	}
	
    .titre-bloc-engagement, .div2-engagement, .fond-engagement{
        margin-top: 90px !important;
    }
	.fond-engagement, .fond-message {
		max-height: max-content !important;
		padding-bottom: 50px !important;
	}
	.titre-slider {
		font-size: 32px !important;
		line-height: 35px !important;
	}
    .nav-user li {
        margin-right: 10px;
    }
	.PanierTRPays {
		position: absolute;
	}
    .lien-more {
        padding: 10px 90px !important;
    }
    .fond-noir {
        height: 270px !important;
    }
    .ico-menu {
        width: 25px;
    }
    .burger{
        margin-left: 10px;
    }
}
@media screen and (max-width: 375px) {
    .nav-user li {
        margin-right: 5px;
    }
}
@media screen and (min-width: 1180px) and (max-width: 1299px) {
    .page-engagement{
        .titre-engagement{
            font-size: 40px;
        }
    }
}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
    .fond-noir {
        height:303px !important;
        padding-top: 4% !important;
    }
}

@media screen and (min-width: 1440px) {
    .container {
        width:1440px;
    }

}

@media (min-width: 992px) {
    .modal-lg {
        width:900px;
    }
}
@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;
    }
}

@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;
    }
    #cart #CaddySubmit {
        display:inline-block;
        width: auto;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 14400px;
    }
}

#CaddySubmit {
	color: #FFF;
    background-color: #042d62;
    border-color: #042d62;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    border-radius: 20px !important;
    font-size: 14px;
}

.hidden {
    display: none !important;
}
#Remarques, #DX_LCdeRemarque {
	height: auto;
}
	
.text-right {
	text-align: right;
}

.product-details {
    small {
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
        font-weight: bold;
        color: #00a8b5;
        font-size: 14px;
    }
}

.budget {
	float: right;
    clear: both;
    padding-top: 10px;
}

.lien-bloc-home {
	font-size: 14px;
    margin-top: 15px;
    display: flex;
    align-items: center;
	color: black;
}

.titre-contact-footer {
    font-size: 30px;
    line-height: 35px;
    display: block;
}
.btn-contact-footer {
	max-width: 50%;
    text-align: center;
    display: block;
    margin-top: 20px;
}
.btn-contact-footer:hover {
	text-decoration: none !important;
}

.footer-default small, .footer-default small a, .footer-default small a:hover {
    font-size: 15px;
}

.fond-message, .fond-engagement {
    background: #042d62;
    max-height: 445px;
}

.titre-slider {
    font-size: 50px;
    color: white;
    line-height: 60px;
}
.fond-message img, .fond-engagement img {
    margin-top: -35px;
}
.text-slider {
    font-size: 14px;
    color: white;
    margin-top: 15px;
}

#message {
    margin-top: 50px;
}
.img-contact {
    width: 80px;
    display: inline-block;
    margin-right: 20px;
}
.div-contact-1 {
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: 500;
    font-size: 22px;
    color: #0074df;
}
.div-contact-1 a, .div-contact-1 a:hover {
    font-weight: 500;
    font-size: 19px;
    color: #00a8b5;
}
#message input {
    border-color: #042d62 !important;
    border-radius: 25px;
    height: 50px !important;
    color: #00264f;
    font-size: 16px !important;
    padding-left: 25px;
}

.btn-contact {
    background-color: #042d62;
    color: white;
    border-radius: 30px;
    height: 60px;
    display: flex;
    width: 260px;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 16px;
}
.hide {
    display: none !important;
}
#message textarea {
    border-color: #042d62 !important;
    border-radius: 25px;
    padding-left: 25px;
}

#message input::placeholder, #message textarea::placeholder {
    color: #00264f;
    font-size: 16px;
    font-weight: bold;
    padding-left: 25px;
}
.fond-engagement {
    margin-top: 50px;
}

.dropdown-menu.show {
	transform: translate(-60px, 30px) !important;
    padding-left: 15px;
}

#btn-devis {
	display: none;
}
.PanierTRMin, .PanierTRPts {
	font-size: 16px;
	text-align: right;
	font-weight: bold;
}
.product-stock {
	margin-bottom: 10px;
}
.home-arbre {
	display: flex;
    justify-content: center;
    align-items: center;
	color: #d7001e;
    font-size: 40px;
	text-align: center;
	margin-top: 60px;
	font-family : "Space Grotesk";
	img {
		width: 46px;
	}
	.titre {
		font-size: 20px;
		color: #0071f3;
		font-weight: 500;
		clear: both;
		display: block;
		margin-top: 20px;
	}
	.sstitre {
		font-size: 14px;
		color: #00005a;
		font-weight: 500;
		clear: both;
		display: block;
	}
}
.img-accueil {
	border-radius: 20px;
}

.page-8108, .page-8099 {
	.header {
		height: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.logo-header {
		width: auto;
		height: 60px;
	}
	.ico-header {
		width: 40px;
	}
	.nav-user {
		margin-top: 0px;
	}
	.texte-slider-home {
		font-family : "Space Grotesk";
		h2 {
			font-family : "Space Grotesk";	
			font-weight: 500;
			border-bottom: 1px solid white;
			padding-bottom: 15px;
			margin-bottom: 15px;
		}
		p {
			font-family : "Space Grotesk";	
			font-size: 25px;
		}
	}
	.footer-default {
		background-color: #ededf7;
		color: #00005a;
		font-size: 12px;
		list-style: none;
		font-family: "Space Grotesk";
		padding-left: 30px;
        padding-right: 30px;
	}
	.copyright {
        font-size: 12px;
        color: #00005a;
		font-family: "Space Grotesk";
		margin-bottom: 0px;
		margin-top: 15px;
        font-weight: 500;
		float: none;
    }
	.btn,.btn:hover  {
        border-color: white;
        background-color: white;
        width: 100%;
        padding: 10px 26px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 30px !important;
        color: #00005a;
        max-width: max-content;
		margin: 0px;
		float: right;
    }
	.ico-contact-btn {
		width: 24px;
		margin-left: 25px;
	}
	.logo-footer {
        margin: 0;
    }
	.bas-footer {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

#formcde .PanierTRPays{
display: none;
}

.page-8099 {
	.fond-message {
		background: #0071f3;
	}
	.div-contact-1 a, .div-contact-1 a:hover {
		color: #0071f3;
	}
	.btn-contact {
        background-color: #0071f3 !important;
    }
}

.alert-info {
    margin-top: 30px;
}

.ico-account-ok {
    display: none;
}