@keyframes scroll-icon {
    0% {
        transform: translateY(-12px);
        opacity: 0;
    }
    30%, 70% {
        opacity: 1;
    }
    100% {
        transform: translateY(12px);
        opacity: 0;
    }
}

:root {
    overflow-x: hidden; /* height: 100%;*/
}

html {
    font-size: 62.5%;
    font-family: Roboto, sans-serif;
    height: 100%;
    color: #414247;
}

body {
    font-size: 1.4rem;
    font-weight: 400;
    height: 100%;
}

html body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

main, header, footer {
    padding-left: 270px;
    width: 100%;
}

main {
    background: #fff;
    transition: padding-left .2s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

footer {
    background: #fff;
    transition: padding-left .2s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.side-nav {
    box-shadow: none;
}

h1, h2, h3, h4, h5, a {
    color: #0b2437;
}

h1 {
    font-size: 1.75rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 0.75rem;
}

.btn-rounded {
    border-radius: 3px;
}

form.form-modal .md-form {
    margin-bottom: 3rem !important;
}

b, strong {
    font-weight: 700;
}

[type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:before {
    border-color: transparent;
}

.paiement [type=radio]:not(:checked) + label:before {
    border-color: #5a5a5a;
}

button, button:focus {
    outline: none
}

button.close {
    cursor: pointer;
}

.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500000;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #1d4f6d url('../img/ring-alt.svg') no-repeat center center;
}

.btn {
    box-shadow: none;
}

.btn-text-size {
    font-size: small;
}

.dropdown-content li>span {
    font-size: medium;
    color: black;
}


.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.btn-default:hover, .btn-default:focus {
    background-color: #38CF86 !important;
}

header .side-nav .logo-wrapper, header .side-nav .logo-wrapper a {
    height: 200px;
}

header .side-nav .collapsible > li a.collapsible-header.active, header .side-nav .collapsible > li a.collapsible-header:hover {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 0;
}

header .side-nav .collapsible a, .fixed-action-btn-new a {
    letter-spacing: 0.1px;
    padding-left: 1rem; /* text-align:center; */
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
}

header .side-nav .collapsible a.active, header .side-nav .collapsible a:hover, header .side-nav .collapsible > li {
    border-radius: 0;
}

header .side-nav .collapsible > li.active {
}

header .side-nav .collapsible > li.active a.active {
    font-weight: 700;
}

header .side-nav .collapsible .collapsible-body a {
    font-size: 1.4rem;
}

header .side-nav .collapsible .collapsible-body li a:hover {
    background-color: rgba(0, 0, 0, .25);
}

header .side-nav a {
    font-stretch: 100%;
}

header .side-nav .logo-sn a {
    height: auto;
}

header .side-nav .collapsible .material-icons {
    vertical-align: middle;
}

header .side-nav .material-icons.rotate-icon, .fixed-action-btn-new .material-icons {
    position: absolute;
    right: 0;
    top: 0px;
    margin-right: 10px;
    line-height: 36px;
}

.fixed-action-btn-new {
    bottom: 0px;
    left: 0px;
    right: 0px; /*height:80px;*/
}

.fixed-action-btn-new.lien-menu {
    width: 100%; /* position: absolute; */
}

.btn-outline-white {
    border: 1px solid #fff;
    color: #fff !important;
    background-color: transparent;
}

.fixed-action-btn-new.lien-menu a, .acces-rapide .btn {
    font-weight: 300;
    text-transform: none;
    font-size: 1.6rem;
    letter-spacing: 1px;
}

/*.fixed-action-btn-new.lien-menu .btn {padding: 0;}*/
header .side-nav ul li.menu-item {
    border-bottom: 1px solid rgba(17, 46, 64, 0.25);
}

.fixed-action-btn-new.lien-menu ul {
    bottom: 20px;
}

header .button-mobile a.btn {
    box-shadow: none;
    font-size: 1.4rem;
}

header .button-mobile a.btn .material-icons {
    font-size: 2.4rem;
    margin: 0;
    vertical-align: middle;
}

header .double-nav .button-mobile .button-collapse {
    left: 0;
}

header nav > div {
    width: 100%;
}

header .btn-co {
    background: transparent;
    border: 1px solid white
}

/*#sidenav-overlay {background-color: rgba(0,0,0,.2)}*/
.acces-rapide a i {
    display: none;
}

.view.intro-first {
    height: 100%;
    background-size: cover; /*background: url('../img/bg-accueil.jpg') no-repeat center center;*/
    background: #1d405a;
    overflow: hidden;
    position: relative;
    cursor: default;
    width: 100%;
}

.full-bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.text-accueil {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.hm-gradient .full-bg-img {
    background: -moz-linear-gradient(45deg, rgba(233, 246, 249, 0.1), rgba(175, 200, 211, 0.1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(233, 246, 249, 0.1), rgba(175, 200, 211, 0.1) 100%);
    background: -webkit-gradient(linear, 45deg, from(rgba(233, 246, 249, 0.1)), to(rgba(175, 200, 211, 0.1)));
    background: -o-linear-gradient(45deg, rgba(233, 246, 249, 0.1), rgba(175, 200, 211, 0.1) 100%);
    background: linear-gradient(to 45deg, rgba(233, 246, 249, 0.1), rgba(175, 200, 211, 0.1) 100%);
}

.intro-first .row {
    width: 100%;
}

.visu-accueil-right {
    text-align: right;
}

.black-text {
    color: #414247;
    padding-left: 150px;
    position: relative;
}

.black-text h1 {
    font-size: 4.2rem;
}

.block-bouton {
    position: absolute;
    bottom: -150px;
    background-color: white;
    padding: 20px 30px;
    width: 80%;
    border: 1px solid rgba(246, 245, 245, 0.69);
    box-shadow: 0 30px 120px 0 rgba(17, 46, 64, 0.20);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.block-bouton div {
    padding-left: 135px;
}

.block-bouton a, .block-bouton a span, .block-bouton a button {
    display: inline-block;
}

.block-bouton a span {
    text-transform: uppercase;
    font-weight: 400;
}

.block-bouton a:hover span {
    color: initial;
}

.block-bouton a button {
    font-size: 1.4rem;
}

header .double-nav .button-collapse {
    margin: 0;
}

header .double-nav .button-collapse-basket {
    margin: 0;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 2rem;
}

header .double-nav .button-collapse-basket.btn {
    box-shadow: none;
    background: transparent;
    margin: 0;
    vertical-align: middle;
}

header .double-nav .button-collapse-basket.btn i {
    font-size: 2.4rem;
    color: #0b2437 !important;
}

header .double-nav .button-collapse-basket i {
    font-size: 1.5rem;
}

section.avantage-home {
    background: #F9FAFF;
}

section.avantage-home h6, section.tour-produit-home h6, .logiciel-metier-home h6, .performance-home h6, .actualites-home h6, .tour-produit-full h6, .liste_info_contenu_block h6, #tarif-avantage h6 {
    color: #57B5CC;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
}

section.avantage-home h3, section.tour-produit-home h3, .logiciel-metier-home h3, .performance-home h3, .actualites-home h3, .tour-produit-full h3, .liste_info_contenu_block h3, #tarif-avantage h3 {
    font-size: 3.2rem;
    color: #414247;
}

section.avantage-home .flex-column-p, section.tour-produit-home .flex-column-p, .logiciel-metier-home .flex-column-p, .performance-home div.flex-column-p, .actualites-home div.flex-column-p, .tour-produit-full p.flex-column-p, #tarif-avantage p.flex-column-p {
    max-width: 50%;
}

section.avantage-home .block-avantage h2, .block-tour h2 {
    font-size: 1.8rem;
    font-weight: 500;
}

#sep {
    margin-top: -140px;
}

#sep {
    padding: 0;
    background: #F9FAFF;
}

#sep img {
    width: 100%;
    position: absolute;
}

section.avantage-home > div:last-child {
    padding-bottom: 150px;
}

.text-md-left.margins {
    padding-top: 220px;
}

.visu-accueil-right {
    padding-top: 120px;
}

.tour-produit-home {
    margin-top: 450px;
}

.visu-tablet-right {
    text-align: right;
}

.block-tour .num-info {
    font-size: 3.2rem;
    color: #57B5CC;
}

.block-tour .lien-hover-ecran, #liste-actu .lien-plus-news {
    text-transform: uppercase;
    color: #57B5CC;
    font-weight: 500;
    cursor: pointer;
}

.block-tour .lien-hover-ecran span, #liste-actu .lien-plus-news span {
    display: inline-block;
}

.block-tour .lien-hover-ecran i, #liste-actu .lien-plus-news i {
    color: white;
    background: #57B5CC;
    border-radius: 50%;
    padding: 0.2rem;
    font-size: 1.4rem;
    vertical-align: text-bottom;
}

.logiciel-metier-home, .performance-home {
    position: relative;
}

.logiciel-metier-home .row:before {
    background: #F9FAFF;
    transform: skewY(-8deg);
    content: "";
    position: absolute;
    width: 100%;
    height: 94%;
    top: 80px;
    z-index: -1;
}

.tour-produit-block > div:nth-child(3), .tour-produit-block > div:nth-child(4) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.logiciel-metier-home .row > div.flex-column {
    margin-top: 220px !important;
}

.logiciel-metier-home .row:last-child {
    padding-bottom: 350px;
}

#liste-metier a:hover, #liste-actu a:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

#liste-metier .testimonial-card .card-up {
    height: 200px;
}

#liste-metier .testimonial-card .avatar img, #liste-actu .testimonial-card .avatar img {
    -webkit-perspective: 1000;
    padding: 0.5rem;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    height: 64px;
    width: 62px;
}

#liste-metier .testimonial-card .avatar, #liste-actu .testimonial-card .avatar {
    height: 84px;
    width: 84px;
    margin-top: -42px;
    overflow: visible;
}

#liste-metier h4.card-title, #liste-actu h4.card-title {
    font-size: 1.8rem;
    font-weight: 500;
    color: #414247;
}

#liste-metier .card-up img, #liste-actu .card-up img {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
}

#liste-metier a:hover .card-up img, #liste-actu a:hover .card-up img {
    opacity: 0.5;
    transform: scale(1.2) translateZ(0);
}

#liste-metier a:hover, #liste-actu a:hover {
    color: inherit
}

.performance-home .row:before {
    background-image: linear-gradient(-180deg, #57B5CC 0%, #003C66 100%);
    transform: skewY(-8deg);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    z-index: -1;
    opacity: 0.15
}

.performance-home .pres-2-bg {
    min-height: 400px;
    margin: 90px 0 0;
}

.performance-home .visu-smart {
    position: absolute;
    right: 0;
    top: -350px;
}

.performance-home .text-pres-smart {
    padding: 50px 0 0 0
}

.performance-home .text-pres-smart .btn {
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-left: 0;
}

.performance-home .text-pres-smart p {
    margin: 2rem 0;
}

.performance-home .text-pres-smart ul, .liste_info_contenu_block .text-info-block ul {
    list-style-type: none;
    padding: 0;
}

.performance-home .text-pres-smart li, .liste_info_contenu_block .text-info-block ul li {
    margin: 1rem 0;
}

.performance-home .text-pres-smart li:before {
    content: "check";
    background: white;
    padding: 0.3rem;
    display: inline-block;
    border-radius: 50%;
    color: #57B5CC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 1rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: middle
}

.fixed-action-btn-footer {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    bottom: 10px;
    right: 10px;
    position: absolute;
    z-index: 990;
    margin-bottom: 0;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-tansform-origin: 50% 50%;
    -ms-tansform-origin: 50% 50%;
    -o-tansform-origin: 50% 50%;
}

.fixed-action-btn-footer.is-fixed {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.fixed-action-btn-footer .btn-floating i {
    font-size: 2.4rem;
    line-height: 40px;
    font-weight: 100;
}

.fixed-action-btn-footer .btn-floating {
    width: 40px;
    height: 40px;
}

#liste-actu .testimonial-card .card-up {
    height: 125px;
}

#liste-actu .testimonial-card .card-up img {
    position: relative;
}

#liste-actu .testimonial-card .card-body:after {
    z-index: 1;
    background-color: black;
    width: 100%;
    height: 5rem;
    position: absolute;
    top: -4.5rem;
    left: 0;
    opacity: 0.4;
    content: '';
}

#liste-actu a:hover .card-body:after {
    opacity: 0.6;
}

#liste-actu h4.card-title {
    z-index: 2;
    position: absolute;
    top: -4rem;
    color: white;
    font-size: 1.4rem;
    left: 2.25rem;
    right: 2.25rem;
    font-weight: 400;
}

#liste-actu .testimonial-card .card-body {
    text-align: left;
}

#liste-actu .date-info {
    font-style: italic;
    color: #414247;
    font-size: 1.3rem;
}

#liste-actu .tags-info {
    font-size: 1.3rem;
    font-weight: 500;
}

#liste-actu .tags-info:before {
    content: "fiber_manual_record";
    padding: 0px 4px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    font-weight: 300;
}

footer {
    position: relative;
}

.jarallax {
    min-height: 300px;
}

footer .block-footer-avant, #call-franchise .block-footer-avant {
    background: white;
    position: absolute;
    top: -120px;
    width: 70%;
    padding: 4rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 0.3rem;
    left: 15%;
}

footer .block-footer-avant h4, #call-franchise .block-footer-avant h4 {
    color: #1C1819;
    font-size: 3.2rem;
}

footer .block-footer-avant-right, #call-franchise .block-footer-avant-right {
    text-align: center;
}

footer .block-footer-avant-right .btn, #call-franchise .block-footer-avant-right .btn {
    font-size: 1.4rem;
    margin: 2rem 0 0 0;
}

.footer-bottom {
    margin: 150px 0 0;
}

.rs-footer a {
    background: #eaeaee;
    padding: 0.5rem 0;
    color: #888888;
    border-radius: 10px;
    width: 4rem;
    text-align: center;
    font-size: 2rem;
    margin-right: 0.8rem;
}

.rs-footer a:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.block-footer-menu-middle ul {
    list-style-type: none;
}

.block-footer-menu-middle .titre {
    font-size: 1.6rem;
    font-weight: 500;
}

.block-footer-menu-middle a {
    color: #1C1819;
}

.block-footer-menu-middle a:hover, .mentions-bottom ul a:hover {
    text-decoration: underline;
    color: #0056b3;
}

.logo-mobile-footer, .rs-footer.mobile-only {
    display: none;
}

#navbar-mobile-top {
    transition: all .3s ease-in-out;
}

.fixed-top.nav-up {
    top: -80px;
}

#navbar-mobile-top {
    padding-top: 12px;
    padding-bottom: 12px;
}

.container-rub h1 {
    font-size: 3.2rem;
    text-transform: capitalize;
}

.container-rub h2 {
    color: #57B5CC;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 3rem;
}

.mentions-bottom .material-icons {
    vertical-align: middle
}

.mentions-bottom > *, .mentions-bottom li {
    display: inline-block;
}

.mentions-bottom ul {
    list-style-type: none;
    float: right;
    text-align: right;
}

.mentions-bottom ul li + li::before {
    content: "fiber_manual_record";
    padding: 0px 4px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: super;
}

.side-nav.fixed {
    z-index: 9999;
    height: 100%;
    overflow-y: auto;
    width: 270px;
}
.side-nav button, .side-nav button:hover, .btn-primary.active, .btn-primary:active, .btn-primary:focus {
    background-color: #0064aa !important;
}
.scrollbar-rare-wind::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.scrollbar-rare-wind::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-rare-wind::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: -webkit-linear-gradient(bottom, #a8edea 0%, #fed6e3 100%);
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}

.thin::-webkit-scrollbar {
    width: 6px;
}

.bg_full {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.pos-relative-full h1 {
    font-size: 4.2rem;
    color: white;
}

.pos-relative-full {
    position: relative;
    width: 100%;
    text-align: center;
    top: 20%;
    color: white;
}

.pos-relative-full .txt-rub {
    max-width: 30%;
    display: inline-block;
}

.pos-relative-full .block-bouton {
    width: 40%;
}

.pos-relative-full .block-bouton div {
    padding-left: 10px;
}

.visu-absolute {
    position: relative;
    bottom: 350px;
    width: 100%;
    text-align: center;
    padding: 0;
    height: 500px;
}

.visu-absolute img {
    margin: 0 auto;
}

.tour-produit-full-onglet {
    padding: 50px 0 150px 0;
}

.tour-produit-full-onglet .tabs-wrapper, .tour-produit-full-onglet .classic-tabs, .tour-produit-full-onglet .tab-content {
    width: 100%;
}

.tour-produit-full-onglet .classic-tabs li:first-child {
    margin-left: 0;
}

.tour-produit-full-onglet .classic-tabs li a {
    color: #414247;
    font-size: 1.8rem;
    font-weight: 300;
    text-transform: none;
}

.tour-produit-full-onglet .classic-tabs li a > * {
    display: flex;
    justify-content: center !important;
    margin: 0 auto;
    padding: 0;
}

.tour-produit-full-onglet .classic-tabs li a span {
    padding-top: 1rem;
}

.tour-produit-full-onglet .classic-tabs li a:hover path, .tour-produit-full-onglet .classic-tabs li a.active path {
    fill: #57B5CC;
}

.tour-produit-full-onglet .tab-content.card {
    box-shadow: none;
}

.tour-produit-full-onglet .classic-tabs li a.active {
    border-bottom: 3px solid #E85608;
    font-weight: 500
}

.tour-produit-full-onglet .classic-tabs li a {
    border-bottom: 1px solid rgba(65, 66, 71, 0.08);
}

.tour-produit-full-onglet .classic-tabs li a {
    padding: 0rem 5rem 1rem 5rem;
}

h2.titre-tab-pane {
    width: 100%;
    text-align: center;
    padding: 10rem 0;
    font-size: 3.2rem;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_left {
    order: 2;
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_right {
    order: 1;
}

.liste_info_contenu_block .text-info-block ul li:before {
    content: "check";
    background: white;
    padding: 0.3rem;
    border-radius: 50%;
    color: #57B5CC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 1rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: middle
}

.liste_info_contenu_block .text-info-block ul li {
    display: inline-block;
}

.liste_info_contenu_block .text-info-block ul {
    margin-bottom: 0;
}

.liste_info_contenu_block .text-info-block .btn {
    margin: 2rem 0 0;
    font-size: 1.4rem;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(2), .liste_info_contenu_block .liste_info_contenu:nth-child(3) {
    margin-top: 8rem;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(3) .liste_info_left {
    text-align: center;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
    max-width: 50%;
    display: inline-block;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block + .text-info-block {
    width: 100%;
}

.tour-produit-full-onglet.ul-fixed ul.nav.classic-tabs {
    -webkit-animation: fadeInDown 500ms;
    -moz-animation: fadeInDown 500ms;
    -ms-animation: fadeInDown 500ms;
    -o-animation: fadeInDown 500ms;
    animation: fadeInDown 500ms;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    background: white;
    left: 240px;
    width: calc(100% - 240px);
    padding: 1rem 0 2rem 0;
}

.tour-produit-full-onglet.ul-fixed .tab-pane {
    padding-top: 70px;
}

.body-connexion header {
    padding-left: 425px;
}

header .side-nav.ecran-left {
    background: transparent;
    width: 425px;
    overflow: hidden;
}

.text-center.margin-connex {
    padding-top: 100px;
}

.ecran-form .card-body {
    padding: 2rem 3.5rem;
}

.ecran-form .card {
    position: initial;
}

.ecran-form .block-centre {
    margin: 0 auto;
}

.ecran-form .img-fluid {
    margin: 0 auto;
}

.ecran-form .logo {
    padding-bottom: 3rem;
}

.ecran-form .md-form {
    padding-top: 1rem;
}

.ecran-form .md-form label {
    font-size: 1.4rem;
    bottom: 0;
    top: auto;
}

.ecran-form .md-form label.active {
    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    transform: translateY(-140%);
    font-size: 1rem;
}

.ecran-form .md-form .prefix {
    left: 0;
    width: auto;
    font-size: 2rem;
}

.ecran-form .md-form .prefix.grey-text {
    margin-top: 0.2rem;
}

.ecran-form .md-form input.form-control {
    margin-top: 0;
    padding: 1rem 0 0 0;
    margin-bottom: 0;
    font-size: 1.4rem;
}

.ecran-form .card .card-body h3 {
    padding: 0;
    font-size: 1.8rem; /* text-transform: uppercase; */
}

.ecran-form .card .card-body span.intro-span {
    padding-top: 1rem;
    font-weight: 400;
    font-size: 1.2rem;
    max-width: 70%;
    display: inline-block;
    color: #9e9e9e;
}

.ecran-form .btn {
    font-size: 1.6rem;
}

.ecran-form form {
    margin: 2rem 0;
}

.ecran-form form .button-sub {
    margin: 2rem 0 0 0;
}

.ecran-form .oubli-mdp {
    padding: 2rem 0 0;
    font-size: 1.3rem;
}

.ecran-form .oubli-mdp a {
    color: #1C1819;
}

.ecran-form .oubli-mdp a:hover {
    text-decoration: underline;
}

.no-account {
    padding-top: 2rem;
}

.no-account a:hover, a:hover.lien-cgv {
    text-decoration: underline;
}

.classic-tabs {
    border-radius: 0;
}

.ecran-form .md-form .select-wrapper {
    margin-left: 3rem;
    width: calc(100% - 3rem);
    font-size: 1.4rem;
}

.ecran-form .select-wrapper input.select-dropdown {
    font-size: 1.4rem;
    color: #757575;
}

.ecran-form .select-wrapper span.caret {
    display: none;
}

.ecran-form .dropdown-content li > a, .ecran-form .dropdown-content li > span {
    font-size: 1.4rem;
}

.ecran-form .dropdown-content li {
    line-height: 2rem;
}

.ecran-form .dropdown-content li > span {
    padding: 1rem;
}

.ecran-form [type=checkbox] + label {
    padding-left: 3rem;
}

.ecran-form .md-form input.form-control.input-error, .select-wrapper input.select-dropdown.input-error {
    border-bottom: 1px solid #ff3547;
    box-shadow: 0 1px 0 0 #ff3547;
}

.ecran-form .md-form input.form-control.input-error:focus {
    border-bottom: 1px solid #4285F4;
    box-shadow: 0 1px 0 0 #4285F4;
}

.select-wrapper input.select-dropdown.input-error.active {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border: 0;
}

[type=checkbox] + label.input-error:before {
    border: 1.5px solid #ff3547;
}

[type=checkbox]:checked + label.input-error:before {
    border-color: transparent #4285F4 #4285F4 transparent;
}

.grecaptcha-badge {
    display: none;
}

.full-height.page-tarif {
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}

#overlay-txt {
    position: absolute;
    top: 0;
    left: 0;
    background: #1D4F6D;
    opacity: 0.4;
    width: 100%;
    height: 400px;
}

.page-tarif .pos-relative-full {
    top: 30%;
}

.page-tarif .txt-rub .btn {
    font-size: 1.4rem;
}

main.main-tarif {
    padding-top: 5rem;
    background: #F9FAFF;
}

main.main-tarif > section {
    padding-top: 5rem;
    position: relative;
}

.tour-produit-full.block-tarification p.flex-column-p {
    max-width: 100%;
}

.switch-price {
    font-weight: 500;
}

.switch.switch-price label .lever {
    margin-left: 5px;
}

.switch-price.switch label input[type=checkbox]:checked + .lever {
    background-color: rgba(51, 181, 229, 0.5);
}

.switch-price.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #33b5e5;
}

.block-tarification ul {
    list-style-type: none;
    padding: 0;
}

.block-tarification li {
    display: inline-block;
    margin: 1rem 0;
}

.block-tarification ul li:before {
    content: "check";
    background: white;
    padding: 0.3rem;
    border-radius: 50%;
    color: #57B5CC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 1rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: middle
}

#block-tarification-left {
    background: white;
    min-height: 500px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
}

#first-price span {
    display: block;
}

#first-price .tarif-orange {
    font-size: 2.8rem;
    color: #E85608;
    font-weight: 600;
}

#first-price span {
    font-size: 3.2rem;
    font-weight: 500;
    color: #414247
}

#first-price span.ss-titre {
    font-size: 1.4rem; /*font-weight:400;*/
}

#grille-price {
    text-align: left;
}

#grille-price .prix-nbr {
    font-size: 1.6rem;
}

#grille-price .prix-nbr span {
    font-weight: 500;
}

#grille-price .prix-user {
    position: relative;
}

#grille-price .prix-user .prix-user-tarif {
    color: #1D4F6D;
    font-weight: 500;
    font-size: 1.8rem;
}

/*#grille-price .prix-user .prix-user-tarif:after {content: "euro_symbol";color:#1D4F6D;margin-right: 0;font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 1.3rem;line-height: 1;letter-spacing: normal;vertical-align:middle}*/
#grille-price .prix-user .mention-user {
    position: relative;
    bottom: -10px;
    font-size: 1.3rem;
    color: #4A4A4A;
}

#grille-price .prix-user .mention-user:before {
    content: "/";
    color: #4A4A4A;
    margin: 0 0.3rem;
    font-weight: 300;
    font-style: normal;
    font-size: 2.5rem;
    letter-spacing: normal;
    vertical-align: baseline
}

#simu-prix-titre span {
    font-size: 3.2rem;
    color: #414247;
}

#simu-prix-titre p {
    color: #414247;
}

#simu-prix-slider span {
    color: #414247;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4.2rem;
    display: inline-block;
}

.block-result-prix-control {
    visibility: hidden;
    transition: visibility 0.3s linear, opacity 0.8s linear;
    opacity: 0;
    background: #F9FAFF;
    width: 30%;
}

.block-result-prix-control.show {
    visibility: visible;
    opacity: 1;
    margin: 2rem 0 0 0;
    border: 1px solid rgba(246, 245, 245, 0.69);
    border-radius: 4px;
}

#client-tarif {
    font-weight: 500;
    font-size: 1.6rem;
}

#client-tarif i, #client-tarif a {
    font-weight: 400;
    font-size: 1.2rem;
    font-style: normal;
}

#client-tarif a {
    text-decoration: underline;
}

.block-bouton-tarif div {
    font-weight: 500;
    text-transform: uppercase;
    width: 35%;
    background: white;
    display: inline-block;
    padding: 3rem;
    border: 1px solid rgba(246, 245, 245, 0.69);
    box-shadow: 0 30px 120px 0 rgba(17, 46, 64, 0.20);
    border-radius: 4px;
}

.block-bouton-tarif .btn {
    font-size: 1.4rem;
    font-weight: 400;
}

.block-bouton-tarif {
    position: absolute;
    bottom: -73px;
    left: 0;
}

#tarif-avantage {
    margin-top: 20rem;
    background: white;
}

#call-franchise {
    margin: 1rem 0 15rem 0;
}

#call-franchise #sep {
    height: 570px;
    position: absolute;
    top: 40px;
    left: -277px;
    width: 150%;
    overflow: hidden;
    background: transparent;
    margin-top: 0;
}

#call-franchise #sep img {
    position: relative;
}

.button-psswd {
    position: absolute;
    right: 0;
    cursor: pointer;
    bottom: 0px;
    color: #9e9e9e !important;
}

.button-psswd i {
    font-size: 2rem;
}

#call-franchise .block-footer-avant {
    width: 80%;
    left: 10%;
    top: 20px;
}

#call-franchise + div.flex-column {
    margin-top: 30rem;
}

#89-liste_info {
    display: none !important;
}

#tarif-avantage .liste_info_contenu_block .liste_info_contenu:nth-child(2), #tarif-avantage .liste_info_contenu_block .liste_info_contenu:nth-child(3) {
    margin-top: 0;
}

#tarif-avantage .liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
    max-width: 100%;
    display: block;
}

#tarif-avantage .block-avt {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

#tarif-avantage .liste_info_contenu .block-avt h6 {
    font-size: 1.4rem;
    color: #414247;
    text-transform: none;
    letter-spacing: 0;
}

#tarif-avantage .text-info-block.font-medium {
    font-size: 1.3rem;
}

.corps-actu {
    padding: 1.5em 1.5em 0;
    -ms-word-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
}

.corps-actu .intro-actu {
    font-size: 2.5rem;
    line-height: 4rem;
    font-weight: 300;
}

.blog_detail .actualites-home h3 {
    font-weight: 600;
}

.blog_detail .actualites-home div.flex-column-p {
    max-width: 100%;
}

.blog_detail .actualites-home .texte-actu h2 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
}

.blog_detail .actualites-home .texte-actu p + h2 {
    margin-top: 3rem;
}

.blog_detail .actualites-home .texte-actu p {
    margin-bottom: 3rem;
}

.blog_detail .actualites-home .texte-actu a {
    color: #33b5e5;
}

.blog_detail .actualites-home .texte-actu a:hover {
    text-decoration: underline;
}

main.blog_detail {
    position: relative;
}

main.blog_detail .button-back {
    padding-left: 100px;
}

main.blog_detail .button-back a {
    color: #33b5e5;
    font-size: 1.5rem;
}

main.blog_detail .button-back a::before {
    content: "keyboard_arrow_left";
    color: #33b5e5;
    margin-right: 0.3rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: normal;
    vertical-align: middle
}

main.blog_detail .button-back a:hover span {
    text-decoration: underline;
}

#form-contact textarea.md-textarea {
    font-size: 1.4rem;
}

#form-contact textarea.md-textarea + label {
    top: 15px;
}

#form-contact textarea.md-textarea + label.active {
    transform: translateY(-20%)
}

ul.contact-icons {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

ul.contact-icons i {
    color: #1d4f6d;
}

#recaptcha {
    display: none;
}

#form-contact button {
    display: inline-block;
    max-width: 30%;
}

input[type=range] {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    background: #F1F1F1;
    border: none;
    border-radius: 5px;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    background: #F1F1F1;
    border: none;
    border-radius: 5px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #33b5e5;
    margin-top: -10px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #33b5e5;
    margin-top: -10px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(51, 181, 229, 0.5);
}

input[type=range]:focus::-moz-range-track {
    background: rgba(51, 181, 229, 0.5);
}

.modal-dialog.cascading-modal .modal-header {
    background-color: #1d4f6d;
    color: white;
    text-align: left;
    margin: 0;
    border-radius: 0;
}

.modal-dialog.cascading-modal .modal-header h4.title {
    color: white;
    font-size: 1.8rem;
}

.arrow-down-accueil {
    position: relative;
    bottom: 7rem;
    width: 100%;
    text-align: center;
}

.arrow-down-accueil .scroll-icon {
    display: flex;
    height: 2em;
    width: 1.2em;
    font-size: 22px;
    color: #1d4f6d;
    border-radius: 2em;
    border: solid 2px;
    transition: .4s;
    margin: auto;
    position: relative;
}

.scroll-icon::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #1d4f6d;
    border-radius: 50%;
    animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    position: absolute;
    top: 15px;
    left: 9px;
}

.scroll-icon::after {
    font-family: 'Material Icons';
    content: "keyboard_arrow_down";
    font-size: 2rem;
    color: #1d4f6d;
    bottom: -25px;
    position: absolute;
    left: 0;
}

input[type=range] {
    cursor: pointer;
    position: relative;
    background-color: transparent;
    border: none;
    outline: 0;
    width: 100%;
    margin: 15px 0;
    padding: 0;
    -webkit-appearance: none;
    border: 1px solid #fff;
}

input[type=range] + .thumb {
    position: absolute;
    border: none;
    height: 0;
    width: 0;
    border-radius: 50%;
    background-color: #4285f4;
    top: 10px;
    margin-left: -6px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
    display: block;
    width: 30px;
    text-align: center;
    color: #4285f4;
    font-size: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type=range]:focus {
    outline: 0;
}


/*AUFFAN*/
#form-connexion .auffan-gradient {
    background: #000 !important;
}

.auffan-gradient {
    background: -webkit-linear-gradient(50deg, #1d405a, #0b2437) !important;
    background: linear-gradient(40deg, #1d405a, #0b2437) !important;
}

.no-account a, a.lien-cgv {
    color: #0b2437;
}

.no-account a {
    text-decoration: underline;
    color: white;
}

.no-account { /* background: white; */
    color: white;
}

.ecran-form .block-centre {
    min-width: 40%;
}

header .side-nav {
    /*background: white url(../img/bg-sidenav.jpg) no-repeat top left;*/
    background: #1d405a;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

header .side-nav .collapsible a {
    color: #fff;
}

header #slide-out ul {
    min-height: -webkit-calc(100% - 135px);
    min-height: calc(100% - 135px);
    max-height: initial;
}

header .side-nav .collapsible .collapsible-body li.active a, header .side-nav .collapsible li a:hover, header .side-nav .collapsible > li.active > a, header .side-nav #menu-item-active > a, header .side-nav .collapsible li.active a.collapsible-header.active {
    background: -webkit-linear-gradient(50deg, #1d405a, #0b2437) !important;
    background: linear-gradient(40deg, #1d405a, rgb(11, 36, 55)) !important;
    color: #fff;
}

.side-nav .collapsible-body a {
    background-color: #1d405a;
}

.fixed-action-btn-new.lien-menu { /* color: #414247; *//* background: white; *//*background: -webkit-linear-gradient(50deg,#cfb374,#ca7500);background: linear-gradient(40deg,#cfb374,#ca7500);color: #fff;*/
}

.side-nav .fixed-action-btn-new.lien-menu a { /* padding-left:0; *//* line-height:1.5rem; *//* height:auto; *//* color: #fff; *//* font-size: 1.4rem; *//* font-weight: 400; */
}

header .side-nav ul li.menu-item { /* background:white; */
}

header .side-nav ul li.menu-item.bouton-deco { /* background: #e66439 */
}

header .side-nav ul li.menu-item.bouton-deco a:hover {
    background: -webkit-linear-gradient(50deg, #e66439, #b54621) !important;
    background: linear-gradient(40deg, #e66439, #b54621) !important;
    color: white;
}

header nav {
    background-color: #fff;
}

header nav.double-nav, header nav.double-nav a {
    color: #414247;
}

header nav.double-nav .button-mobile a {
    color: #0b2437 !important;
}

.acces-rapide.float-right {
    background: #fff;
    padding: 0;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.acces-rapide.float-right > * {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
}

.acces-rapide .titre {
    font-weight: 500;
    padding: 0.5rem 0;
    display: block;
    color: #fff;
    background: -webkit-linear-gradient(50deg, #cfb374, #ca7500);
    background: linear-gradient(40deg, #cfb374, #ca7500);
}

.acces-rapide .info-co {
    padding: 1rem 0;
}

.acces-rapide .info-co span {
    padding: 0 1rem;
}

.acces-rapide .info-co span i {
    vertical-align: bottom;
    display: inline-block;
    font-size: 2rem;
}

.fixed-action-btn-new.lien-menu .info-co > * {
    display: inline-block;
    width: 100%;
}

.fixed-action-btn-new.lien-menu .info-co span > * {
    display: inline-block;
}

.fixed-action-btn-new.lien-menu .titre { /* text-align:center; */
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff; /* background: -webkit-linear-gradient(50deg,#cfb374,#ca7500); *//* background: linear-gradient(40deg,#cfb374,#ca7500); */
}

.fixed-action-btn-new.lien-menu .info-co span {
    padding: 0.5rem 0;
}

.fixed-action-btn-new.lien-menu .info-co span i {
    vertical-align: bottom;
    display: inline-block;
    font-size: 2rem;
}

.accueil-selection .entete {
    width: 100%;
    padding: 0 0 0.5rem 0;
}

.accueil-selection .entete.tableau-haut {
    padding: 1rem 0;
    position: relative;
}

.accueil-selection .entete span { /* display: block; */
}
.accueil-selection input.search {
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    padding: .5rem 1rem;
}
.accueil-selection input.search:focus {
    border: 1px solid #f7f7f7!important;
}
.accueil-selection .tableau h2 a:hover, .accueil-selection .tableau h2 a:hover span {
    color: #0b2437;
    text-decoration: none;
}

.accueil-selection .tableau h2 a span.art-ardesignation-ref {
    font-weight: 300;
    font-size: 1.3rem;
    padding-top: 0.5rem;
}

.accueil-selection .tableau h2 .art-ardesignation span {
    display: block;
}
.accueil-selection .tableau a .art-desc-courte  {
    font-size: 1.3rem;
    font-style: italic;
    color: #9e9e9e;
}

/*.accueil-selection .tableau h2 .art-ardesignation span i,*/
.accueil-selection .tableau h2 i.icon-new, .accueil-selection .tableau h2 .art-ardesignation span i, h4.modal-title i {
    color: #ce5a21;
    font-size: 36px;
}

.accueil-selection .entete .titre, .modal h2 {
    font-weight: 500;
    font-size: 2rem;
    color: #0b2437;
}

.accueil-selection .entete .titre.breadcrumb {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2.5rem;
    background: transparent
}

.accueil-selection .entete .titre.breadcrumb span {
    font-weight: 700; /* font-size: 2rem; */
    color: #0b2437;
}

.accueil-selection .entete.tableau-haut i {
    display: inline-block;
    font-size: 2rem;
    vertical-align: middle;
}

.accueil-selection .entete.tableau-haut .sort {
    cursor: pointer;
}

.accueil-selection .entete.tableau-haut .sort span:hover {
    color: #0b2437;
}

.accueil-selection .tableau .entete, .tableau-new-fixed {
    /* border-top: 1px solid #E8E8E8; */
    border-bottom: 1px solid #E8E8E8;
    text-transform: uppercase;
    font-size: 1.3rem;
    color: #7B7B7B;
    line-height: 2.4rem;
    /* position: sticky; */
    /* top: 0; */
    /* left: 0; */
    /* background: red; */
}

.accueil-selection .tableau .arcode-art, .recap-panier .ref-art-cart {
    text-transform: lowercase;
}

.accueil-selection .tableau .visuel .img-fluid {
    max-height: 100px;
    max-width: 85%;
    margin: 0 auto;
    display:block;
}

.accueil-selection .tableau .liste-articles .row {
    border-bottom: 1px solid #E8E8E8;
    width: 100%;
}

.accueil-selection .tableau .block-qte {
    text-align: center;
}

.accueil-selection .tableau .block-qte > * {
    display: inline-block;
}

.accueil-selection .tableau .block-qte span, .recap-panier .block-qte span {
    cursor: pointer;
    display: inline-flex;
}

.recap-panier .block-qte span {
    color: #D3D0CB;
}

label.transporteur {
    cursor: inherit;
}

.accueil-selection .tableau .block-qte .fond-inputqte input, .recap-panier .block-qte .fond-inputqte input, .accueil-selection .tableau .qte-mobile .fond-inputqte input {
    width: 50px;
    text-align: center;
    font-size: 1.5rem;
    background: linear-gradient(40deg, #fff, #f1f1f1) !important;
    border-bottom: 0;
    padding: .5rem 0 !important;
    background: -webkit-linear-gradient(50deg, #fff, #f1f1f1) !important;
}

.accueil-selection .tableau a.bouton-ajout-article {
    background: #e3910e;
    color: white;
    display: block;
    border-radius: 2px;
    height: 35px;
    width: 50px;
}

.accueil-selection .tableau a.bouton-ajout-article i {
    font-size: 2rem;
    padding: 0.8rem 1rem;
    width: 100%;
}

.accueil-selection .tableau h2 {
    font-weight: 500;
    font-size: 1.5rem;
}

.accueil-selection .tableau h2 i {
    vertical-align: middle;
    display: inline-block;
}

.accueil-selection .tableau a.add-fav-btn i {
    color: #E7BB41 !important;
    vertical-align: middle;
}



.accueil-selection .tableau a:hover span {
    text-decoration: underline;
}

.recap-panier h3 {
    font-weight: 700;
    font-size: 1.4rem;
}

.selection-produits-left {
    box-shadow: 8px 0 8px -10px #000000;
}

.recap-panier {
    font-weight: 400
}

.recap-panier .ligne-cmd {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.recap-panier .ligne-cmd i.i-del {
    position: absolute;
    top: -5px;
    right: 2px;
    cursor: pointer;
    font-size: 2.4rem; /* background-color: #FDBF3B!important; */
    color: #AAA9AD !important; /*padding: .5rem;*/
    border-radius: 50%;
}

.recap-panier .block-prix-art {
    text-align: right;
    font-size: 1.4rem;
    color: #212529 !important;
    font-weight: 400;
}

.recap-panier div.ligne-cmd + div.ligne-cmd {
    padding-top: 1.5rem !important;
}

.accueil-selection .entete .titre i {
    display: inline-block;
    vertical-align: sub;
}

.lien-info-article a:hover { /* color: #0b2437; */
}

.lien-info-article a.bouton-fav {
    color: #E7BB41 !important;
}

.accueil-selection .tableau i {
    vertical-align: middle; /* display:block; *//* font-size: 2.4rem; */
}

.accueil-selection .tableau .btn-achat-moins i, .accueil-selection .tableau .btn-achat-plus i { /* background: #E8E8E8; */
    color: #D3D0CB; /* border-radius: 50%; *//* padding: .25rem; */
    font-size: 2.4rem;
}

.accueil-selection .tableau .btn-achat-moins i {
    color: #D3D0CB;
}

.accueil-selection .tableau .btn-achat-moins, .block-cart .btn-achat-moins {
    margin-right: .5rem;
}

.accueil-selection .tableau .btn-achat-plus, .block-cart .btn-achat-plus {
    margin-left: .5rem;
}

.accueil-selection .tableau .info-stock-ligne i, .accueil-selection .tableau .contenu-desc i {
    font-size: 1.7rem;
}

.accueil-selection .tableau .contenu-desc i {
    vertical-align: middle;
    line-height: 2rem;
}

.accueil-selection .tableau .contenu-desc i {
}

.accueil-selection .tableau .info-stock-ligne i.info-stock-ok, .accueil-selection .tableau .contenu-desc i.info-stock-ok {
    color: #38CF86;
}

.accueil-selection .tableau .info-stock-ligne i.info-stock-nok, .accueil-selection .tableau .contenu-desc i.info-stock-nok {
    color: #ff8a65;
}

.info-stock-soon {
}

.accueil-selection .tableau .info-stock-ligne span {
    /* font-size: 1.3rem; */
}

.accueil-selection .tableau .lien-info-article i { /* font-size: 3rem; */
}
.accueil-selection .tableau .lien-info-article ~ .lien-info-article {
    padding-left: 2rem;
}
.recap-panier div.ligne-cmd:last-child {
    border-bottom: 0;
}

.recap-panier-bottom {
    border-top: 1px solid #e5e5e5;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 2rem;
}

.recap-panier-bottom .tarif-total-bottom {
    text-align: right;
    font-size: 2rem;
    font-weight: 700;
}

.bouton-cmd a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: white;
    border-radius: 2px;
}

.bouton-cmd a {
    background: -webkit-linear-gradient(50deg, #75ad9a, #0b2437);
    background: linear-gradient(40deg, #75ad9a, #0b2437);
}

#body-home main, body#body-home, html#head-home, #body-home .selection-produits-left {
    height: 100%;
    overflow: hidden;
}
form .text-muted {
    margin-top:1rem!important;
    font-size:1.4rem;
}
#body-home .accueil-selection {
    overflow: hidden;
}

.block-cart-bottom {
    position: absolute;
    bottom: 3px;
    width: calc(100% - 10px);
}

.tableau {
    height: 100%
}

.recap-panier {
    height: 100%;
}

.scrollbar {
    overflow-y: auto;
    margin-bottom: 25px;
    margin-top: 5px;
}

.row.scrollbar {
    height: calc(100% - 90px);
}

.row.row-basket {
    height: calc(100% - 150px);
}

.row.row-basket .visuel {
    display:none!important;
}

.block-cart {
    height: 100%;
}

.scrollbar-default::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #9e9e9e;
}

.scrollbar {
    margin-bottom: 5px;
}

.accueil-selection .tableau .liste-articles .modal-art .row {
    border-bottom: 0;
}

.modal-art .desc-produit {
    /* border-top: 1px solid #e5e5e5; */
}

.modal-art .desc-produit a span {
    /* text-decoration: underline; */
    /* line-height: 2.4rem; */
}

.modal-art .titre-desc {
    font-weight: 500;
    font-size: 1.5rem;
    color: #0b2437;
}

.modal-art .btn {
    font-size: 1.2rem;
    padding: 0.85rem 1.25rem; /* background: transparent; */
    box-shadow: none;
}

.accueil-selection .tableau .modal-art .btn > * {
    display: inline-block;
    color: #212529
}

.modal-art .btn.btn-primary:hover {
    background-color: transparent !important;
}

.accueil-selection .entete.tableau-haut .sort span { /* display:inline; */
    color: #0b2437;
    text-decoration: underline;
    line-height: 2.4rem;
}

.accueil-selection .entete .sort:after {
    font-weight: 700; /* background-color:#D3D0CB; *//* color: white; *//* margin-left: .5rem; *//* border-radius:50%; */
    display: inline-block;
    vertical-align: bottom; /* padding:.25rem; *//* content:'unfold_more'; */
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.accueil-selection .entete .sort.asc:after {
    content: 'arrow_drop_up';
    color: #0b2437; /* background-color:#D3D0CB; */
}

.accueil-selection .entete .sort.desc:after {
    content: 'arrow_drop_down';
    color: #0b2437;
}

.accueil-selection .entete.tableau-haut span.indice {
    text-decoration: none;
}

a.bouton-popin {
    color: #D3D0CB;
    font-weight: 300;
}

.modal-art .img-fluid {
    margin: 0 auto;
    display: inherit;
}

.bouton-retour .btn {
    font-size: 1.4rem;
}

header {
    height: 105px;
}

.alert-warning.no-art i {
    font-size: 1.7rem;
    padding-right: 10px;
}

.no-art .alert-warning {
    margin-top: 1rem;
    text-align: center;
    /* background: #38CF86; */
    border: 0;
    /* color: white; */
}

.no-art {
    width: calc(100% - 5px);
}

.basket-open header nav, .basket-open header #slide-out, .basket-open main .selection-produits-left {
    transition: all .3s ease-in-out;
    opacity: 0;
}

#button-close-basket {
    opacity: 0;
}

header, header nav, header #slide-out {
    opacity: 1;
}

.basket-open #button-close-basket {
    opacity: 1;
    z-index: 9999;
}

.btn-default { /* background: -webkit-linear-gradient(50deg,#74ac99,#0b2437)!important; */
    background: #38CF86;
    -webkit-transition: .5s ease; /* transition: .5s ease; */
}

.btn-default:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

#bottom-cart a.btn, #action_bouton_mobile_paiement_mobile button.btn, #choix-adresse-livraison .next-step button.btn {
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.basket-open .accueil-selection .entete {
    padding-top: 0 !important
}

#button-close-basket {
    background: transparent !important;
    box-shadow: none;
    color: #212529 !important;
}

.complement {
    width: 100%;
    padding: 10px 0;
}

.complement .btn {
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-weight: bold;
}

input[name="liste_adresse_livraison_adnum"]:after, input[name="liste_adresse_livraison_adnum"]:before {
    margin: 0;
    left: -10px;
    top: 2px
}

.block-liste-adresse-domicile-border label {
    outline: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    cursor: pointer;
    height: auto;
    border: 0;
}

input[name="liste_adresse_livraison_adnum"] ~ .block-liste-adresse-domicile-border:before {
    content: '';
    position: absolute;
    margin: 0;
    left: 12px;
    top: 50px;
    width: 16px;
    height: 16px;
    z-index: 0;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    border-color: #ccc;
    background-color: #fff;
}

input[name="liste_adresse_livraison_adnum"]:checked ~ .block-liste-adresse-domicile-border:before {
    border-color: #ededed;
    background-color: #cccccc;
    z-index: 0;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.block-liste-adresse-domicile-border.checked, input[name="liste_adresse_livraison_adnum"]:checked ~ .block-liste-adresse-domicile-border {
    background: -webkit-linear-gradient(50deg, #fff, #f1f1f1) !important;
    background: linear-gradient(40deg, #fff, #f1f1f1) !important;
}

.block-liste-adresse-domicile-border, .block-recap-adr {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.bouton-action-bottom-adr {
    vertical-align: middle;
    position: absolute;
    right: 4px;
    top: 7px;
}

.bouton-action-bottom-adr a:hover {
    text-decoration: underline;
    color: #212529;
}

.bouton-action-bottom-adr i, .block-recap-adr i {
    font-size: 2rem;
    vertical-align: middle;
    display: inline-block;
}

.ajout-adr-dom {
    cursor: pointer;
}

.ajout-adr-dom:hover, .block-liste-adresse-domicile-border:hover {
    background: -webkit-linear-gradient(50deg, #fff, #f1f1f1) !important;
    background: linear-gradient(40deg, #fff, #f1f1f1) !important;
}

.ajout-adr-dom span {
    padding-left: 0.75rem;
}

.modal-header .close {
    padding: 10px 10px 0 0;
    margin: -15px -15px -15px auto;
}

h4.modal-title {
    font-weight: 500;
    font-size: 1.5rem
}

.md-form label {
    font-size: 1.3rem;
}

.md-form .prefix {
    font-size: 2.4rem;
    color: #0b2437;
}

.md-form label, .md-form label.active {
    transform: translateY(-15%);
    font-size: 1.2rem;
}

.md-form label.active {
    transform: translateY(-110%);
    font-size: .9rem;
    color: #1A73E8 !important;
}

.md-form input[type=text], .md-form input[type=number], .md-form input[type=tel] {
    font-size: inherit;
}

.modal-backdrop {
    z-index: 10000;
}

.modal {
    z-index: 1000001;
}

.label-cursor {
    cursor: pointer;
}

[type=checkbox] + label:before {
    left: 3px;
    width: 15px;
    height: 15px;
    top: 3px;
}

.btn_valider .btn {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.block-liste-transporteur [type=radio]:checked + label:after {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

.block-liste-transporteur [type=radio] + label {
    padding-left: 0 !important;
    height: auto;
    font-size: 1.4rem;
}

.block-liste-transporteur i, .add-adr-dom-mobile i {
    padding-right: 0.25rem;
    font-size: 2.4rem;
    vertical-align: middle;
}

.add-adr-dom-mobile {
    text-decoration: underline;
    line-height: 2rem;
    padding-top: 0.4rem;
}

.adr-default {
    padding: 1rem 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    font-weight: 500;
}

button.add-adr-dom-mobile {
    background: transparent;
    border: 0;
}

.md-form .prefix.active, h4.modal-title {
    color: #0b2437
}

[type=checkbox]:checked + label:before {
    border-color: transparent #0b2437 #0b2437 transparent
}

input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=search-md]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, textarea.md-textarea:focus:not([readonly]) + label {
    color: #0b2437
}

.accueil-selection .tableau .contenu-desc i {
    display: inline-block;
    padding-right: 0.25rem;
    color: #0b2437;
}
.accueil-selection .tableau .modal-art .bouton_ajout_panier-modal .btn {
    transition: all .2s ease-in-out;
    background: #0abf53;
    border-color: #0abf53;
}

.accueil-selection .tableau .modal-art .bouton_ajout_panier-modal .btn span {
    color:white !important;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
}
.accueil-selection .tableau .modal-art .bouton_ajout_panier-modal .btn:hover span {
    text-decoration: none;
}

.accueil-selection .tableau .contenu-desc i.icone-attach-file {
    font-size: 2.4rem;
}


.accueil-selection .tableau .contenu-desc a:hover {
    text-decoration: underline;
    color: inherit;
}

.modal-body .text-right {
    height: 1rem;
}

.info-client-param {
    max-width: 50%;
    font-size: 1.2rem;
    text-align: center;
    padding: 0.5rem;
    border-radius: 5px;
    background-color: #f80;
    color: white;
    font-weight: 500
}

.md-form input[type=text], .md-form input[type=number], .md-form input[type=tel] {
    padding-bottom: 0;
    height: 2.5rem;
}

.md-form .checkbox label, .md-form .checkbox label.active {
    font-size: 1.3rem;
    transform: none
}

.md-form .checkbox [type=checkbox] + label {
    padding-left: 30px;
}

.main-tunnel-vente .selection-produits-left {
    box-shadow: none;
}

.main-tunnel-vente .shadow-textarea textarea.form-control::placeholder {
    font-weight: 300;
    font-size: 1.3rem;
}

.main-tunnel-vente .shadow-textarea textarea.form-control {
    padding: 1rem 0.8rem;
    height: 8rem;
    font-size: 1.3rem;
}

.main-tunnel-vente .form-control:focus {
    border-color: black
}

.main-tunnel-vente .accueil-selection .entete.tableau-haut {
    padding: 0.75rem 0;
}

.main-tunnel-vente .bottom-panier { /* background: -webkit-linear-gradient(50deg,#fff,#f1f1f1)!important; */
    background: #f1f1f1;
}

.main-tunnel-vente .accueil-selection .tableau .liste-articles .row:last-child {
    border-bottom: 0 !important;
}

.main-tunnel-vente .total-cmd-ligne {
    background-color: #d6d6d6; /* color:white; */
}

.main-tunnel-vente .paiement [type=radio] + label {
    font-size: 1.3rem;
    padding-left: 25px;
}

.main-tunnel-vente [type=radio]:checked + label:after {
    display: none; /* border-color: #ededed; *//* background-color: #cccccc; *//* z-index: 0; *//* -webkit-transform: scale(1.02); */
    -ms-transform: scale(1.02); /* transform: scale(1.02); */
}

#bouton-valider-cmd a { /* background: -webkit-linear-gradient(50deg,#74ac99,#0b2437)!important; */
    background: #38CF86;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    font-size: 1.5rem;
    padding: .85rem 2.13rem;
    font-weight: 700;
    letter-spacing: 1px
}

#bouton-valider-cmd a:hover {
    background: #38CF86 !important;
}

#popin-paiement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10040;
    display: none;
    overflow: hidden;
    opacity: 0.5;
    background-color: #000;
}

#popin-paiement-content {
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10050;
    display: none;
}

#popin-paiement-content i {
    width: 5rem;
    height: 5rem;
    color: white;
    font-size: 5rem;
    line-height: 5rem;
    margin: auto;
}

.recap-entete-cmd span {
    width: 50%;
    display: inline;
}

.recap-entete-cmd span:first-child {
    font-weight: bold;
}
.recap-entete-cmd span input {
    width: 80%;
}
.block-recap-adr .titre {
    padding: 1rem 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    font-weight: 500;
}

.block-recap-adr {
    background: -webkit-linear-gradient(50deg, #fff, #f1f1f1) !important;
    background: linear-gradient(40deg, #fff, #f1f1f1) !important;
}

.block-cmd-type .btn i {
    vertical-align: middle;
    color: #e3910e !important;
}

.block-cmd-type .btn {
    background: #0b2437;
    padding: .85rem 2.13rem; /* box-shadow:none; *//* border:1px solid #0b2437; *//* border-radius: 0.6rem; *//* color: #414247!important; *//* background: -webkit-linear-gradient(50deg,#fff,#f1f1f1)!important; *//* background: linear-gradient(40deg,#fff,#f1f1f1)!important; */
}

.block-cmd-type .btn span {
    font-size: 1.3rem;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 1px;
}

.form-cmd-type .select-wrapper input.select-dropdown,
#modal-cl-waiting .select-wrapper input.select-dropdown

{
    font-size: 1.4rem;
    padding-bottom: .5rem;
}

.form-cmd-type .dropdown-content li > a, .form-cmd-type .dropdown-content li > span,
#modal-cl-waiting .dropdown-content li>span
{
    font-size: 1.6rem;
    padding: 1rem 1rem 2rem 1rem;
}

.form-cmd-type .select-wrapper span.caret,
#modal-cl-waiting .select-wrapper span.caret
{
    top: 6px;
}

.form-cmd-type .btn {
    font-size: 1.4rem;
    margin: 0;
}

.indice {
    vertical-align: super;
    text-transform: uppercase;
    padding: 0 0 0 5px;
    font-size: 1rem;
    line-height: 1.5em;
}

.side-nav .search-form input[type=text] {
    padding-left: .75rem;
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    width: calc(100% - 3.5rem);
    display: inline-block;
}
.side-nav .search-form input[type=text]:focus {
    box-shadow: none;
}
.side-nav .search-form button {
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
}
.side-nav .search-form i {
    vertical-align: middle;

}
.accueil-selection .tableau .info-stock-ligne span.mentionenstock {
    font-weight: 300;
    color: #7B7B7B;
    font-style: italic;
    font-size: 1.2rem;
}

#art-table {
    position: relative;
}

.bouton-return.is-fixed {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.bouton-return {
    cursor: pointer;
    position: absolute;
    padding: .5rem 2.2rem .5rem 1.5rem;
    background: rgba(11, 36, 55, .7);
    color: white;
    left: calc(50% - 75px);
    top: 7.5rem;
    z-index: 1000000;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 24px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-tansform-origin: 50% 50%;
    -ms-tansform-origin: 50% 50%;
    -o-tansform-origin: 50% 50%;
}

.bouton-return i {
    vertical-align: middle;
}

.seuil-franco {
    font-style: italic;
    font-size: 1.2rem;
}

.bottom-panier .border-top {
    border-top: 1px solid #d6d6d6;
}

.block-promo-recap-panier .ligne-fidelite input {
    width: 40%;
    margin: 0;
    background: white;
    display: inline-block;
    margin-right: 1rem;
    padding: .5rem;
    border-bottom: 0;
    font-size: 12px;
}

.block-promo-recap-panier .ligne-fidelite input:focus {
    border-bottom: 0;
    box-shadow: none;
}

.block-promo-recap-panier .ligne-fidelite button {
    padding: .5rem 2.13rem;
    margin: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, .7) !important;
    border-radius: 3px;
    font-size: 12px;
}

.block-promo-recap-panier {
    background: #d6d6d6;
}

input.hidden {
    display: none;
}

.result-fidelite button.btn-danger {
    font-size: 12px;
    margin: 0;
    color: #721c24 !important;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    box-shadow: none;
    border-radius: 24px;
}

.bouton_ajout_panier {
    opacity: 0;
}

#choix-adresse-livraison h2 span {
    font-size: 2rem;
    font-weight: bold;
    padding-left: 1rem;
    line-height: 1;
}

#choix-adresse-livraison h2 {
    margin: 0;
}

.block-liste-adr-liv-fade, .block-liste-adr-retrait-fade {
    opacity: .5;
}

.entete-franco i {
    vertical-align: middle;
}

.entete-franco span {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
}

#nav_expedition li.nav_expedition_li {
    /* margin: 0 0 20px 0; */
}
#nav_expedition li.nav_expedition_li + li {
    margin-left: 50px;
    border-left: 1px solid #fff;
}
#nav_expedition li.nav_expedition_li a {
    margin-right: 0;
    padding: 0 0 0 25px;
    border: 0;
    position: relative;
}

#nav_expedition li.nav_expedition_li a:before {
    content: '';
    width: 13px;
    height: 13px;
    background: white;
    border: 2px solid #acacac;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 1px;
}

#nav_expedition li.nav_expedition_li.active a:before {
    background: #000;
    border-color: #fff;
    box-shadow: inset 0 0 1em black, 0 0 0.2em grey;
}

#nav_expedition li.nav_expedition_li.active a {
    border: 0;
}

#nav_expedition li.nav_expedition_li a .titre {
    color: #000;
    font-weight: 500;
    font-size: 2rem;
}

#nav_expedition li.nav_expedition_li a .sstitre {
    color: #acacac;
    font-weight: 500;
    font-size: 14px;
}
#nav_expedition li.nav_expedition_li.active {
    background: -webkit-linear-gradient(50deg, #f1f1f1, #fff) !important;
}

#nav_expedition {
    border: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-radius: 0;
    box-shadow: none;
    /* display: flex; */
    /* width: 100%; */

    background: #f7f7f7;
    /* border:1px solid #e5e5e5; */
}

#nav_expedition li.nav_expedition_li {
    display: block;
    /* background: #f7f7f7; */
    /* width: 100%; */
}

.choix_adresse_livraison_new_form ul {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    /*background: #f7f7f7!important;*/
}
#choix-adresse-livraison form {

}


#nav_expedition li.nav_expedition_li.active a:before {
    background: #000;
    border-color: #fff;
    box-shadow: inset 0 0 1em black, 0 0 0.2em grey;
}

#nav_expedition .new_pr {
    width: 100%;
    /* text-align: center; */
    /* text-transform: uppercase; */
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    margin-top: 1rem;
}

#nav_expedition li.nav_expedition_li + li.nav_expedition_li + li.nav_expedition_li {
    margin-bottom: 0;
}

.choix_adresse_livraison_new_form_contenu .tab-content {
    background: -webkit-linear-gradient(50deg, #f1f1f1, #fff) !important;
}

.choix_adresse_livraison_new_form_contenu .tab-content h1 {
    color: #000;
    font-weight: 500;
    font-size: 2rem;
}

.coord-retrait-div {
    display: inline-block
}

.coord-retrait > div i {
    display: inline-block;
    vertical-align: top;
}

.block-liste-adresse-domicile label span.bouton-sel {
    background-color: #0abf53;
    text-align: center;
    padding: 10px;
    color: white;
    font-weight: 400;
    font-size: 1.15em;
    border-radius: 3px;
}

.block-liste-adresse-domicile-border label span.bouton-sel:before {
    content: 'Cliquez pour s\00E9lectionner';
}

.block-liste-adresse-domicile-border input:checked ~ label span.bouton-sel {
    background-color: #01a14b;
}

.block-liste-adresse-domicile-border input:checked ~ label span.adresse.bouton-sel:before {
    content: 'S\00E9lectionn\00E9';
}

#nav_expedition .new_pr sup {
    font-size: 1rem;
    vertical-align: super;
    padding-left: .5rem;
}

.accueil-selection .tableau .info-stock-ligne i.icone-new {
    font-size: 3rem;
}
.loupe_absolute {
    position: absolute;
    top: 1rem;
    right: 1rem;
}




@media (min-width: 500px) {
    .performance-home .text-pres-smart {
        padding: 0 0 0 10px;
    }
}

@media (min-width: 767px) {
    .performance-home .text-pres-smart {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 992px) {
    .performance-home .text-pres-smart {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 1200px) {
    .performance-home .pres-2-bg {
        background: url(../img/waves-background.svg) no-repeat center center;
    }

    #tarif-avantage .liste_info_contenu_block .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1440px) {
    header {
        height: auto;
    }

    #body-home main, #body-home section.accueil-selection {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #body-home section.accueil-selection {
        height: 100%;
    }
}

@media (min-width: 1500px) {
    .performance-home .text-pres-smart {
        padding: 50px 0 0 300px
    }

    .block-bouton {
        width: 80%;
    }
}

@media (min-width: 1600px) {
    footer .block-footer-avant {
        width: 54%;
        left: 23%;
    }

    section.avantage-home > div:last-child {
        padding: 0 15rem 150px 15rem;
    }

    .block-bouton {
        width: 80%;
    }

    section.tour-produit-home .flex-column-p {
        max-width: 45%;
    }
}

@media (min-width: 1700px) {
    #liste-metier .testimonial-card .card-up {
        height: 250px;
    }
}

@media only screen and (min-width: 1440px) {
    #call-franchise .block-footer-avant {
        top: 120px;
    }

    .visu-absolute {
        width: calc(100% - 240px);
        left: 240px;
    }

    .bg_full {
        padding-left: 240px;
    }

    .p-relative.full-height {
        padding-left: 240px;
    }

    .fixed-action-btn-new {
        bottom: 0px;
    }

    .fixed-action-btn-new li + li { /* margin-top: 1rem; */
    }

    header nav.navbar.fixed-top {
        display: none !important;
    }

    .tour-produit-home > * {
        padding-left: 165px;
    }

    #liste-metier, #liste-actu {
        padding: 0 165px;
    }
}

@media only screen and (max-width: 1439px) {
    .accueil-selection {
        height: calc(100% - 105px);
    }

    .basket-open .accueil-selection {
        height: calc(100% - 5px);
    }

    .row.scrollbar {
        height: calc(100% - 45px);
    }

    .row.scrollbar.row-basket {
        height: calc(100% - 135px);
    }

    main.blog_detail {
        padding-top: 50px;
    }

    main.blog_detail .button-back {
        top: 100px;
    }

    #call-franchise #sep {
        left: 0;
        width: 100%;
    }

    /*#call-franchise #sep {display:none;}*/
    .tour-produit-full-onglet.ul-fixed ul.nav.classic-tabs {
        left: 0;
        width: 100%;
        padding: 1rem 0;
    }

    .txt-rub, .pos-relative-full .txt-rub {
        max-width: 50%;
    }

    .container-rub {
        padding-top: 7rem;
    }

    nav .logo-mobile, nav .logo-mobile a {
        display: block;
    }

    .tour-produit-home > * {
        padding-left: 2.5rem;
    }

    .block-bouton {
        padding-left: 0
    }

    .block-bouton div {
        padding-left: 25px;
    }

    .black-text {
        padding-left: 10px;
    }

    /*.fixed-action-btn-new {display:none!important;}*/
    main, header, footer {
        padding-left: 0;
    }

    section.tour-produit-home .flex-column-p {
        max-width: 60%;
    }
}

@media only screen and (max-width: 1300px) {
    .pos-relative-full {
        top: 30%;
    }

    .visu-absolute {
        bottom: 280px;
    }
}

@media only screen and (max-width: 1199px) {
    main.blog_detail .button-back {
        padding-left: 10px;
    }

    .block-bouton-tarif div {
        width: 45%;
    }

    .body-connexion header {
        padding-left: 250px;
    }

    header .side-nav.ecran-left {
        width: 250px;
    }

    header .side-nav.ecran-left .img-fluid {
        height: 100%;
    }

    .tour-produit-full-onglet .classic-tabs li a {
        padding: 2rem 2.5rem;
    }

    section.tour-produit-home .flex-column-p {
        max-width: 100%;
    }

    .tour-produit-home {
        margin-top: 300px;
    }

    .block-bouton a button {
        margin-left: 1rem !important;
    }
}

@media only screen and (max-width: 1100px) {
    nav .logo-mobile img {
        height: 75px;
    }

    .row.scrollbar.row-basket {
        height: calc(100% - 155px);
    }

    .basket-open .row.scrollbar.row-basket {
        height: calc(100% - 130px);
    }

    .block-bouton {
        width: 90%;
    }
}

@media only screen and (max-height: 550px) {
    body.body-connexion .col-12.d-flex.align-items-center {
        -ms-flex-align: start !important;
        align-items: start !important;
        overflow: auto
    }

    body.body-connexion .ecran-form .logo {
        padding: 1.5rem 0;
    }

    body.body-connexion .ecran-form form {
        margin-top: 2rem;
    }
}
.liste-articles ul.list li:last-child {
    margin-bottom: 30px!important;
}
@media only screen and (max-width: 992px) {

    #nav_expedition li.nav_expedition_li + li {
        margin-left: 0;
        border-left:0;
        border-top:1px solid #fff;
        width: 100%;
    }

    .accueil-selection .tableau .visuel .img-fluid {
        height: 70px;
    }

    .ecran-form .block-centre {
        width: 90%;
    }

    .accueil-selection {
        height: calc(100% - 75px);
    }

    header {
        height: 75px;
    }

    .basket-open header {
        height: 5px;
    }

    nav .logo-mobile img {
        height: 50px;
    }

    .selection-produits-left {
        box-shadow: none;
    }

    .basket-slide {
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        height: 100%;
        padding: 0;
        background-color: white;
        left: 0;
        width: 100% !important;
        transition: opacity .5s ease-in-out;
    }

    body.basket-open .basket-slide {
        opacity: 1;
        z-index: 996;
    }

    main.main-tarif, main.main-tarif > section {
        padding-top: 2rem;
    }

    #call-franchise #sep {
        display: none;
    }

    #call-franchise .block-footer-avant {
        width: 98%;
        left: 1%;
        padding: 2rem;
    }

    #call-franchise + div.flex-column {
        margin-top: 20rem;
    }

    #grille-price .prix-user .mention-user {
        position: relative;
        bottom: 0;
    }

    #grille-price .prix-user .mention-user:before {
        font-size: 1.5rem;
    }

    .block-tarification li {
        width: 100%;
    }

    .block-bouton-tarif div {
        width: 60%;
    }

    .tour-produit-full-onglet .tab-content {
        padding: 2rem 0;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
        max-width: 100%;
    }

    .liste_info_contenu_block .liste_info_contenu .liste_info_left {
        padding-right: 0rem !important;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_left {
        order: 1;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_right {
        order: 2;
    }

    .liste_info_contenu_block .liste_info_right {
        text-align: center;
        padding-top: 5rem !important;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(2), .liste_info_contenu_block .liste_info_contenu:nth-child(3) {
        margin-top: 3rem;
    }

    .tour-produit-full {
        padding-top: 8rem;
    }

    h2.titre-tab-pane {
        padding: 2.5rem 0 5rem 0;
    }

    .tour-produit-full-onglet .classic-tabs li a {
        padding: 0 2rem 1rem 2rem;
    }

    .tour-produit-full-onglet .classic-tabs li a span {
        display: none;
    }

    .classic-tabs li {
        flex-basis: 20%;
    }

    .txt-rub, .pos-relative-full .txt-rub {
        max-width: 80%;
    }

    .pos-relative-full .block-bouton {
        width: 60%;
    }

    .fixed-action-btn-new {
        position: relative
    }

    .footer-bottom {
        margin-top: 130px;
    }

    .footer-bottom .d-inline-block {
        text-align: center;
    }

    .footer-bottom .container {
        max-width: 100% !important;
    }

    .footer-bottom .container .d-flex {
        padding: 2rem 15px;
    }

    footer .block-footer-avant {
        width: 96%;
        left: 2%;
        padding: 2rem;
        top: -70px;
    }

    footer .jarallax {
        min-height: 250px;
    }

    #liste-actu .testimonial-card .card-up img {
        width: 100%;
    }

    #liste-actu .testimonial-card .card-body:after {
        height: 3rem;
    }

    .logiciel-metier-home .row:before {
        height: 97%
    }

    #liste-metier .testimonial-card .card-up {
        height: 350px;
    }

    .cibles-avt-visu {
        margin-bottom: 50px;
    }

    .tour-produit-block > div:nth-child(3), .tour-produit-block > div:nth-child(4) {
        margin-bottom: 5rem !important;
        padding-bottom: 5rem !important
    }

    #sep {
        margin-top: -85px;
    }

    .tour-produit-home {
        margin-top: 250px;
    }

    section.avantage-home > div:last-child {
        padding-bottom: 0;
    }

    .visu-accueil-right {
        padding-left: 0px !important;
        padding-top: 250px;
    }

    .d-flex.block-avantage {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .block-footer-menu-middle {
        padding-left: 2rem;
    }
    .side-nav.fixed {
        width: 95%;
    }
    .accueil-selection .tableau .lien-info-article ~ .lien-info-article {
        padding-left: 0;
    }
}

@media only screen and (max-width: 900px) {
    .block-bouton {
        width: 98%;
    }

    .visu-accueil-right {
        padding-left: 50px !important;
    }

    .row.scrollbar {
        height: calc(100% - 50px);
    }
}

@media (max-width: 767px) {
    .block-recap-adr {
        border: 0;
    }

    .choix_adresse_livraison_new_form_contenu .tab-content {
        /* background: transparent !important; */
        padding-top: 20px!important;
    }

    .scrollbar-default::-webkit-scrollbar {
        width: 2px;
    }

    body.basket-open .basket-slide {
        top: 0;
        height: 100%;
    }

    header {
        height: 70px;
    }

    .accueil-selection {
        height: calc(100% - 70px);
    }

    .row.scrollbar {
        height: calc(100% - 50px);
    }

    nav .logo-mobile img {
        height: 40px;
    }

    #form-contact button {
        max-width: 50%;
    }

    footer .block-footer-avant-right, #call-franchise .block-footer-avant-right {
        text-align: left;
        padding-left: 0;
    }

    .block-bouton-tarif div {
        width: 80%;
    }

    .body-connexion header {
        padding-left: 0;
    }

    header .side-nav.ecran-left {
        display: none;
    }

    .tour-produit-full-onglet .classic-tabs li a svg {
        width: 4rem;
        height: 4rem;
    }

    .pos-relative-full .block-bouton {
        width: 80%;
    }

    .mentions-bottom ul, .mentions-bottom p {
        float: left;
        width: 100%;
        text-align: center;
    }

    .footer-bottom {
        margin-top: 150px;
    }

    .performance-home div.flex-column-p, .actualites-home div.flex-column-p {
        max-width: 95%;
    }

    .logiciel-metier-home .row > div.flex-column {
        margin-top: 100px !important;
    }

    .tour-produit-home {
        margin-top: 200px;
    }

    .text-md-left.margins {
        padding-top: 50px;
    }

    .black-text {
        padding-top: 90px;
        padding-left: 0;
    }

    .block-bouton {
        width: 100%;
    }

}

@media only screen and (max-width: 600px) {
    .bouton-return {
        top: 1rem;
        left: calc(75% - 50px);
        padding: .5rem 1rem;
        font-size: 1.1rem;
    }

    .footer-bottom .d-inline-block {
        text-align: left;
    }

    .footer-bottom .d-inline-block.rs-footer, .footer-bottom .d-inline-block.logo-fr-tek {
        display: none !important;
    }

    .logo-mobile-footer {
        display: block;
        margin-top: 4rem;
    }

    .rs-footer.mobile-only {
        display: block;
        padding-left: 0rem !important;
        text-align: center;
    }

    .mentions-bottom {
        padding-left: 0rem !important;
    }

    .footer-bottom .rs-footer.mobile-only .d-inline-block {
        text-align: center;
    }

    footer .block-footer-avant-right .btn {
        margin: 15px 0 5px 0;
    }

    footer .block-footer-avant {
        top: -120px;
    }

    .footer-bottom {
        margin-top: 160px;
    }

    #liste-actu .testimonial-card .card-body:after {
        height: 4rem;
    }

    .fixed-action-btn-new {
        display: block !important;
    }

    /*.fixed-action-btn-new ul li:first-child {display:none;}*/
    .acces-rapide > a {
        display: none;
    }

    .acces-rapide a.btn-co {
        border: 0;
        box-shadow: none;
        font-size: 2.4rem;
        padding: 0;
    }

    /*nav div.d-flex  {display:block!important}
	nav div.d-flex.justify-content-between {align-items: right!important;}
	nav .button-mobile {float:left;}
	nav .logo-mobile {float:right;}*/
}

@media only screen and (max-width: 575px) {

    .accueil-selection .tableau .visuel .img-fluid {
        height: 60px;
    }

    .choix_adresse_livraison_new_form_contenu .tab-content h1 {
        font-size: 1.4rem;
        text-align: center;
    }

    .block-cmd-type {
        text-align: center;
    }

    .block-promo-recap-panier .ligne-fidelite input, .result-fidelite button.btn-danger {
        width: 100%;
        margin: 1rem 0;
    }

    .block-promo-recap-panier .ligne-fidelite button {
        width: 100%;
    }

    .accueil-selection .entete.entete-catalogue {
        /* max-height:40px; */
        /* overflow: hidden; */
        /* background: #000; */
        /* color: white; */
    }
    .accueil-selection .entete.entete-catalogue > div {
        width: 100%;
    }
    .accueil-selection .entete.entete-catalogue > div.ml-auto .titre {
        font-size: 2rem;
    }
    .accueil-selection .entete.entete-catalogue .titre {
        font-size: 1.4rem;
        margin: 0;
        /* color: white; */
    }

    .add-adr-dom-mobile.float-right {
        float: left !important;
    }

    header {
        height: 50px;
    }

    .accueil-selection {
        height: calc(100% - 50px);
    }

    .basket-open .row.scrollbar.row-basket {
        height: calc(100% - 140px);
    }

    .accueil-selection .tableau h2 {
        font-size: 1.3rem;
    }

    input.inputqte {
        text-align: center;
        width: 30px;
        font-size: 1.5rem;
        border-bottom: 0;
        background: -webkit-linear-gradient(50deg, #fff, #f1f1f1) !important;
    }

    #navbar-mobile-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .row.scrollbar {
        height: calc(100% - 40px);
    }

    .accueil-selection .entete {
        padding: 0;
    }

    .block-prix-ligne {
        float: left;
        font-size: 1.8rem;
    }

    .block-bouton-tarif {
        bottom: -30px;
    }

    .block-bouton-tarif div {
        width: 90%;
        padding: 1.5rem;
    }

    #grille-price .prix-user .mention-user {
        font-size: 1rem;
    }

    #grille-price .prix-user .mention-user:before {
        font-size: 1.5rem;
    }

    #grille-price > div {
        padding-right: 2em !important;;
    }

    .pos-relative-full .block-bouton {
        width: 90%;
    }

    .side-nav .collapsible.mt-5 {
        margin-top: 1rem !important;
    }

    .logo-sn.mb-5 {
        margin-bottom: 1rem !important;
        padding-top: 1.5rem !important;
    }

    .fixed-action-btn-new {
        bottom: 0;
    }

    .black-text {
        padding-top: 60px;
        padding-left: 0;
    }

    .block-footer-menu .img-fluid {
        padding-left: 2rem !important;
    }

    .logiciel-metier-home .row:before {
        height: 97%
    }

    .logiciel-metier-home .row:last-child {
        padding-bottom: 250px;
    }

    .performance-home .visu-smart {
        top: -200px;
    }

    .performance-home .text-pres-smart {
        padding-left: 10px;
    }

    .performance-home .pres-2-bg {
        margin: 20px 0 0;
    }

    .logiciel-metier-home .row:last-child {
        padding-bottom: 230px
    }

    #liste-metier .testimonial-card .card-up {
        height: 250px;
    }

    .tour-produit-home {
        margin-top: 150px;
    }

    section.avantage-home p.flex-column-p, .logiciel-metier-home .flex-column-p, .actualites-home .flex-column-p {
        max-width: 70%;
    }

    .footer-bottom .container .col-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0rem;
    }

    .tour-produit-full-onglet .classic-tabs li a svg {
        width: 3rem;
        height: 3rem;
    }
}

@media only screen and (max-width: 400px) {
    .info-client-param {
        max-width: 75%;
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.3rem;
    }

    .accueil-selection {
        height: calc(100% - 50px);
    }

    header {
        height: 50px
    }

    .row.scrollbar {
        height: calc(100% - 35px);
    }

    .switch-price {
        font-size: 1.1rem;
    }

    #simu-prix {
        padding-left: 0;
        padding-right: 0
    }

    .switch.switch-price label .lever {
        width: 25px;
    }

    .switch label input[type=checkbox]:checked + .lever:after {
        left: 15px;
    }

    .block-bouton-tarif .btn {
    }

    #simu-prix-titre {
        padding: 0;
    }

    .block-result-prix-control {
        width: 45%;
    }

    .block-bouton-tarif div {
        width: 96%;
    }

    .block-bouton-tarif {
        bottom: -25px;
    }

    .ecran-form form {
        margin-top: 2rem;
    }

    .ecran-form .logo {
        padding: 1.5rem 0;
    }

    .ecran-form .card {
        width: 95%;
        margin: 0 auto
    }

    .ecran-form .card-body {
        padding: 2rem;
    }

    .ecran-form .card .card-body span {
        max-width: 90%;
    }

    .tour-produit-full-onglet .classic-tabs li a {
        padding: 0 1.5rem 1rem 1.5rem;
    }

    .tour-produit-full-onglet .classic-tabs li a svg {
        width: 2.5rem;
        height: 2.5rem;
    }

    .pos-relative-full {
        top: 20%;
    }

    .footer-bottom .container .d-flex {
        padding: 2rem 0;
    }

    .block-footer-avant .block-footer-avant-left, .block-footer-avant .block-footer-avant-right {
        padding: 0;
    }

    .performance-home .text-pres-smart {
        padding-top: 0;
    }

    .performance-home div.flex-column-p {
        max-width: 98%;
    }

    .actualites-home div.flex-column-p {
        max-width: 98%;
    }

    #liste-metier .testimonial-card .card-up {
        height: 200px;
    }

    #sep {
        margin-top: -50px;
    }

    .tour-produit-home {
        margin-top: 100px;
    }

    section.avantage-home p.flex-column-p, .logiciel-metier-home .flex-column-p {
        max-width: 85%;
    }
}


@media only screen and (max-width: 350px) {
    .block-bouton-tarif div {
        width: 99%;
    }

    .block-bouton-tarif {
        bottom: -30px;
    }

    .mentions-bottom p {
        font-size: 1rem;
    }

    .mentions-bottom ul li:last-child {
        clear: both;
        display: block;
    }

    .mentions-bottom ul li:last-child::before {
        color: white;
        padding: 0;
        font-size: 0.1rem;
    }

    .footer-bottom {
        margin-top: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1440px) and (max-width: 1700px) {
    .black-text {
        padding-left: 50px;
    }

    .block-bouton div {
        padding-left: 35px;
    }

    .tour-produit-home > * {
        padding-left: 65px;
    }
}

.chat {
    border: 3px;
    border-radius: 20px;
}

.user-message-color {
    background: rgba(57, 81, 151, .1);
}

.contact-message-color {
    background: rgba(222, 187, 12, .2);
}

.taille-60 {
    width: 60%;
}

.chat-font, .chat-font th {
    font-size: 15px !important;
}