/************************************* HEADER et FAMILLES 1 e 2 ********************************/

.txt-savoir ul li a {
    /*color: #000;*/
}

.listing-fams-bloc {
    width: 100%;
}

.trust-logo div div {
    margin: 3px 0px;
}

.familleN1 {
    letter-spacing: 0.01em;
}

.floatCatTh a {
    color: #0171bc;
}

.cat-siblings {
    display: none;
}

ul.tabs-elements-li li a:hover {
    color: #0071bc;
}

.tabs-bloc {
    display: block;
}

section.tabs-familles,
.tabs-familles {
    font-size: 24px;
}

.tabs-desktop ul.tabs-elements-li {
    padding: 15px 10px;
    line-height: 27px;
    column-count: 4;
}

.tabs-tablet ul.tabs-elements-li {
    padding: 15px 10px;
    line-height: 27px;
    column-count: 3;
}

#tabs_container a.tab {
    font-size: 15px;
    text-align: left;
    /* display: block; */
    display: flex;
    align-items: center;
}

.tabs li {
    height: 46px;
}

.tab p {
    margin-bottom: 0;
    width: 70%;
}

.tabs-img {
    width: 50px;
    height: 38px;
    margin: 3px;
    overflow: hidden;
    margin-right: 9px;
    max-height: 45px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    /* border: solid 1px #b6b6b6; */
}

ul.tabs-elements-li li a {
    color: #404040;
}

ul.tabs-elements-li li {
    font-size: 15px;
    width: 92%;
    margin-left: 22px;
    margin-right: 0 !important;
}

.tab_content {
    display: none;
}

.tab_contents_active {
    display: block;
}

.tabs-bloc {
    margin-bottom: 55px;
}

ul.tabs {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 0;
    gap: 15px;
}

.tabs-desktop ul.tabs li {
    list-style: none;
    width: 24%;
    text-align: left;
    background-color: #F4F4F4;
    /* border: solid 1px #dedede; */
    /* display: flex;
    align-items: center; */
}

.compte-carts-mobile {
    margin-top: 10px;
}

.tabs-tablet ul.tabs li {
    list-style: none;
    width: 32%;
    text-align: left;
    background-color: #F4F4F4;
}

ul.tabs li a {
    color: #222222;
}

.tab_contents_container {
    background-color: #EBF7FF;
}

.tabActive {
    background: #EBF7FF !important;
    /* padding: 5px; */
    border-bottom: 52px solid #EBF9FF !important;
}

.tabActive>a {
    color: #428bca;
}

div#tabs_container {
    margin-top: 17px;
}


/**  YUP Provisoire **/

.mobile-right-flesh {
    display: block;
}

.desktop-phone-btns {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    align-items: flex-end;
}

.desktop-phone-cart {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    width: 160px;
}

.userRight {
    float: none;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}


/************************************* DEVIS EXPRESS -> Remerciement  ********************************/

#devis-express-success .page-content {
    margin-top: 30px !important;
}

#devis-express-success .success-title-express>h1 {
    margin-bottom: 35px;
}


/************************************* DEVIS EXPRESS  ********************************/

.how-works {
    position: relative;
}

.background-img-devis-express {
    background-image: url(../../images/bq-express.jpg);
    height: 700px;
    z-index: -999;
    top: -12px;
    background-size: cover;
    background-position: center center;
    width: 100vw;
    position: absolute;
    left: calc(-50vw + 100%);
    justify-content: center;
}

.txt-left-express-smartphone {
    display: none;
}

.devis-express-form .container {
    margin-top: 35px;
}

.how-works-list {
    margin-left: -10px;
    text-align: justify;
}

#devis-express .form-group i {
    position: absolute;
}

#devis-express .form-group i.fas {
    padding: 10px;
    min-width: 40px;
    background-color: #F5F5F5;
    border-radius: 10% 0 0 10%;
    border: solid 1px #ccc;
    padding-bottom: 8px;
    color: #6C6C6C;
    left: 0;
}

#devis-express input#telephone_deHead,
#devis-express input#email_deHead {
    width: 95% !important;
}

i.fas.flip {
    transform: scaleX(-1);
    border-radius: 0 10% 10% 0;
}

.devis-express-form .form-control {
    padding-left: 45px;
}

#accueil .btn-home-page>a {
    padding: 12px 30px;
}

#accueil .center.btn-home-page {
    margin: 15px;
}


/* Famille 1 */

.txt-img-cover {
    line-height: 35px;
}


/*** PAGE ACCUEIL ****/

#accueil .HomeImg {
    box-shadow: 0px 0px 4px rgb(0 0 0 / 9%);
}

#accueil .slick-track {
    margin-left: 10px;
}

#accueil .slick-prev {
    left: -30px;
}

#accueil .slick-next {
    right: -10px;
}

#accueil .container.hp-carrousel {
    margin-top: 20px;
    margin-bottom: 55px;
}

#accueil .container.hp-carrousel .mb-title-h2 {
    margin-bottom: 20px;
}

.carrousel-description {
    margin-bottom: 10px;
}

.hp-carrousel a {
    color: #0171bc;
    font-size: 17px;
    color: #1a1a1a;
}

.hp-carrousel div.slick-slide:hover a {
    color: #0171bc;
}

#accueil .container.hp-trust-section {
    margin-top: 20px;
    margin-bottom: 50px;
}

#accueil .container.hp-categories {
    margin-bottom: 55px;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
    font-size: 9px;
    top: 1px;
}

.slick-dots li {
    margin: 0 0 !important;
}

.slick-dots {
    bottom: -15px;
}


/**************** NEW HEADER *****************/

.header-middle {
    display: none;
}

.search-btn {
    background-color: #8cc63f;
    color: #fff;
    padding: 9px;
    overflow: hidden;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    width: 65px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}

.search-tablet .inputSearch,
.search-smartphone .inputSearch {
    float: none;
    width: 100%;
    height: 50px;
    background-color: #e9e9e9;
    border: none;
    border-radius: 5px 0px 0px 5px;
    padding: 10px;
    margin: auto;
}

.infos-contact-smartphone {
    color: #fff;
    font-size: 1.5em;
    padding: 3px 0;
}

.header.rayons-mobile span {
    font-size: 17px;
}

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

.pr-0 {
    padding-right: 0;
}

.d-none {
    display: none;
}

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

.search-desktop {
    flex-grow: 3;
    position: relative;
}

.search-desktop .inputSearch {
    width: 100%;
    height: 50px;
    background-color: #e9e9e9;
    border: none;
    border-radius: 5px 0px 0px 5px;
    padding: 10px;
    margin-left: 0px;
}

.search-desktop .search-btn {
    top: 0px;
    right: 0px;
}

.account-cart-separator {
    display: block;
    width: 1px;
    height: 50px;
    background-color: #ccc;
    margin: 0 5px;
    margin-top: 10px;
}

.header-account-cart-btn-text {
    border: none;
    color: #0071bc;
    font-size: 15px;
    font-weight: bold;
	font-family: 'Titillium Web', sans-serif;
}

.rayons-mobile-btn {
    height: 50px;
    width: 70px;
}

.rayons-mobile-btn .rayons-mobile a {
    display: block;
    width: 62px;
    padding: 0px;
    position: absolute;
    cursor: pointer;
}

.rayons-mobile-btn .rayons-mobile a span {
    background: #0070bb;
    display: block;
    height: 2px;
    margin: 6px 0;
}

.cart-header-btn .counter-mobile {
    position: absolute !important;
    top: -4px;
    right: 0;
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center;
}

.row-bloc {
    margin-top: 5px;
    margin-bottom: 15px;
}


/******************** Structure**** */

.shapF1 .picturesF1 {
    margin: auto;
}

.trust-logo div div {
    margin: 3px 0px;
}

.background-img-devis-express {
    height: 60vw;
}

#page-contact .background-img-devis-express{
    /* width: 109vw; */
}

#devis-express input {
    width: 100% !important;
}

.header-bottom .borderRightBlack {
    border-right: none;
}

.header-bottom .autherMenu {
    margin-right: 0px;
}

.header-bottom .divExp {
    margin-right: 0px;
}

.second-menu-separator {
    display: block;
    width: 1px;
    height: 24px;
    background-color: #fff;
    margin: 0 5px;
    margin-top: 0;
}

.second-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
}

.txt-img-cover {
    line-height: 35px;
    text-align: justify;
}

#desktopBanner,
#tabletBanner {
    margin-bottom: 25px !important;
}

.shapF1 .allRayon {
    font-size: 19px;
    font-weight: bold;
    background-color: #fe8c05;
    padding: 10px 5px;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}

.shapF1 .allRayon {
    width: 100%;
    display: block;
}

.shapF1 .allDivA {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    margin-top: 15px;
}

.badges-hp div {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-left: 9px;
}

.badges-hp {
    margin-top: 15px;
    justify-content: space-evenly;
}

.badges-hp div div.cr-fre {
    width: auto;
}

.bg-fam {
    padding: 10px;
    margin-top: 30px;
}

.shapF1 {
    border: 1px solid #cccccc;
    margin: 7px;
    margin-bottom: 15px;
    padding: 10px;
    width: 545px;
    height: 282px;
}

.cart-header-btn {
    margin-top: -2px;
}

a.others-tab-link {
    color: #0071bc !important;
    text-decoration: underline;
}

.second-menu .devis-express-menu-btn {
    padding-bottom: 1px;
}

.txtH a {
    font-weight: normal;
    font-size: 17px;
    color: #1a1a1a;
}

div.slick-slide:hover .txtH a {
    color: #0071bc;
}

.sidebarf3 #pdt-filtering {
    margin: 0;
    padding: 0;
}

.sidebarf3 #pdt-filtering ul {
    margin: 3px 8px 2px 8px;
}

.sidebarf3 #pdt-filtering ul .facetTypeInput {
    margin-left: 0;
}

.sidebarf3 #pdt-filtering .bottomLI div {
    margin-top: 3px;
}

.sidebarf3 #pdt-filtering div {
    margin: 6px 8px 2px 8px;
}

.current-criterias {
    border-bottom: solid 1px #ccc;
    padding-bottom: 0px;
    margin: 0 !important;
}

.current-criterias li {
    background-color: #F2F1EF;
    padding: 4px 8px;
    margin: 5px 7px;
    display: inline-block;
}

.current-criterias li:last-child {
    background-color: #fff;
    display: block;
    padding: 4px 8px;
    margin: 2px 7px;
}

.current-criterias li img {
    float: none !important;
}

input[type=checkbox]:checked {
    accent-color: #61a507;
}

.view-style {
    margin-left: 5px;
}

.DescFam3-footer {
    max-width: 926px;
    float: right;
    width: 100%;
}

#mobilePdtF3 {
    float: none;
    /* margin-left: 185px; */
}

.sidebarf3 {
    float: left;
    width: 185px;
	margin-top: 14px;
}

.products-bloc-f3 {
    float: right;
    padding-right: 0;
}

.float-sidebar-calc {
    width: -webkit-calc(100% - 185px);
    width: -moz-calc(100% - 185px);
    width: calc(100% - 185px);
}

.grey-block-grid:hover .grid-hover-effect {
    display: block;
}

.grey-block-grid:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.grey-block-grid .grid-hover-effect {
    background-color: #fffffff2;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
    height: 38%;
}

.grey-block-grid:hover .grid-hover-effect {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.grey-block-grid.bg-selected .grid-hover-effect {
    background-color: #ebf7fff2;
}

.grey-block-grid .cat3-price-grid {
    font-size: 25px;
    color: #0171bc;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 28px;
}

.grey-block-grid .btn-f3-fiche-mobile {
    display: block;
    font-size: 19px;
    font-weight: bold;
    background-color: #fe8c05;
    padding: 10px 5px;
    border-radius: 5px;
    color: #fff !important;
    letter-spacing: 1px;
    text-align: center;
}

.list-view .btn-f3-fiche-mobile {
    font-size: 19px;
    font-weight: bold;
    background-color: #fe8c05;
    padding: 10px 5px;
    border-radius: 5px;
    color: #fff !important;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

.btn-f3-fiche-mobile a {
    color: #fff !important;
}

ul.cat3-cat-filtering li h3 {
    transition: margin-left 0.5s;
}

ul.cat3-cat-filtering li h3:hover {
    margin-left: 5px;
}

.leftFami-catalogue {
    min-height: 212px;
    height: auto !important;
}

#pdt-filtering ul:last-of-type {
    border-bottom: none !important
}

.grid-view {
    justify-content: flex-start;
}

.grid-view .empty-div {
    flex: 2;
    max-width: 8%;
    min-width: 2px;
}

.grid-view.flexHelper .empty-div {
    display: none;
}

.grid-view.flexHelper {
    justify-content: flex-start !important;
    gap: 4%;
}

.grid-view.flexHelperOther .empty-div {
    display: none;
}

.grid-view.flexHelperOther {
    justify-content: flex-start !important;
}

.countPdt .current-criterias {
    display: none;
}

#page-catalogue .right_img_cata {
    width: 366px;
    margin-right: 0;
    float: left;
}

#page-catalogue .title-edition {
    width: calc(100% - 390px);
    margin-left: 390px;
}

#page-catalogue .presentation-catalogue {
    width: calc(100% - 390px);
    margin-left: 390px;
}

#page-catalogue .catalogue-btns {
    width: calc(100% - 390px);
    margin-left: 390px;
}

#page-catalogue .margin-catalogue-industries {
    margin-top: 35px !important;
}

#page-contact .captcha-contact{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-top: 18px;
}
#page-contact .capform{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
#page-contact .capimage{
display: block;
width: 5px;
height: 14px;"
}
#page-contact .capval{
width: 100px !important;height: 30px;border: 1px solid #ccc;border-radius: 5px;
}
#product-page .msgbox{
	top: -56px;
    width: 150px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 10px;
    margin-left: -60px;
    box-shadow: -1px -1px 6px 0px #737373;
}

#product-page .msgbox::after {
  content: "";
  position: absolute;
  top: 50px;;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
#panier-page .msgbox{
    width: 150px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
	top: -58px;
    left: 30px;
    margin-left: -60px;
    box-shadow: -1px -1px 6px 0px #737373;
}

#panier-page .msgbox::after {
  content: "";
  position: absolute;
  top: 56px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.product-page-supplier-products{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 85px;
}
.logoAdver-fiche-pdt-bottom {
    display: block;
}

.containerBottom .product-list-picture {
    width: 110px;
    height: 100px;
    margin-bottom: 0px;
}

.containerBottom .product-list-infos h5 {
    font-size: 17px;
}

#confirmation-devis .instructions-steps {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    text-align: center;
    gap: 15px;
}
#confirmation-devis .step-element {
    background-color: #F0F9FF;
    flex: 1;
    position: relative;
    font-size: 21px;
    color: #5D5D5D;
    padding: 0 15px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#confirmation-devis .instructions-intro {
    font-size: 21px;
    color: #5D5D5D;
    font-weight: bold;
    text-align: center;
    max-width: 70%;
    margin: auto;
    margin-bottom: 75px;
    margin-top: -25px;

}
#confirmation-devis .post-instructions {
    font-size: 21px;
    color: #5D5D5D;
    margin: auto;
    margin-top: 30px;
    max-width: 70%;
    text-align: center;
    margin-bottom: 30px;

}
#confirmation-devis .step-title {
    font-size: 21px;
    color: #5D5D5D;
    font-weight: bold;
    margin-top: 55px;
}
#confirmation-devis .step-number {
    color: #8cc63f;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f0f9ff;
    border: solid 3px #006bb3;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}
#confirmation-devis .step-btn {
    width: 100%;
    max-width: 395px;
    margin: auto;
    margin-top: 5px;
    padding: 10px 5px;
    border-radius: 5px;
    background: #FF8C05;
    font-size: 25px;
    font-family: "Titillium Web", Arial, sans-serif;
    font-weight: 600;
    color: white;
    cursor: pointer;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
}
#confirmation-devis .steps-mobile-separator{
    display: none;
}

#confirmation-devis .user-account-btn {
    width: 100%;
    max-width: 395px;
    margin: auto;
    margin-top: 5px;
    padding: 10px 5px;
    border-radius: 5px;
    background: #FF8C05;
    font-size: 25px;
    font-family: "Titillium Web", Arial, sans-serif;
    font-weight: 600;
    color: white;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
#confirmation-devis .steps-separator{
    width: 1px;
    height: auto;
    display: block;
    border-right: 1px dashed #B4B4B4;
}
#confirmation-devis .step-explication{
    text-align: left;
    font-size: 20px;
}
#confirmation-devis .virement-data {
    border: dashed 1px #b4b4b4;
    margin: 15px 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
#confirmation-devis .instructions-separator {
    width: 90%;
    height: 1px;
    border: solid 1px #f3f3f3;
    margin: auto;
    margin-bottom: 30px;
}
#confirmation-devis .canal-separator {
    width: 50%;
    height: 1px;
    border: solid 1px #B4B4B4;
}
#confirmation-devis .canal-choice {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 90%;
    font-size: 20px;
    color: #4A4A49;
    font-weight: 600;   
}
#confirmation-devis .mail-canal i,#confirmation-devis .fax-canal i {
    color: #8cc63f;
    margin-right: 3px;
}
#confirmation-devis .canal-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    flex: 5;
}
#confirmation-devis .canal-type.mandat {
    flex: 3;
}
#confirmation-devis .mandat-fields {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 10px;
    font-size: 19px;
    margin-left: 13px;
}
#confirmation-devis .mandat-fields i{
    color: #8cc63f;
}
#confirmation-devis .canal-arrow-down {
    flex: 2;
    display: flex;
    align-items: center;
    color: #B4B4B4;
    font-size: 30px;
}

#confirmation-devis .support-bloc-commande {
    font-size: 23px;
    width: 50%;
    color: #5D5D5D;
}
#commande-paiement-error .error-symbole {
    font-size: 45px;
    color: #FF8C05;
    padding: 5px;
    border-radius: 50%;
    border: solid 3px #FF8C05;
    width: 85px;
    margin: auto;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-top: 25px;
} 
#commande-paiement-error .title-confirmation-text {
    font-weight: bold;
    color: #006bb3;
    font-size: 36px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#commande-paiement-error .error-redirection-msg {
    font-size: 21px;
    color: #5D5D5D;
    margin: auto;
    max-width: 740px;
    text-align: center;
    width: 90%;
}
#commande-paiement-error .error-subtitle {
    font-size: 21px;
    color: #5D5D5D;
    margin: auto;
    max-width: 70%;
    text-align: center;
}
#commande-paiement-error .error-type-value {
    background-color: #F0F9FF;
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    padding: 24px 45px;
    color: #5D5D5D;
}
#commande-paiement-error .error-type {
    text-align: center;
    margin: 25px;
}
#commande-paiement-error .retry-bloc {
    text-align: center;
    margin: 25px;
    margin-top: 5px;
}
#commande-paiement-error .paiement-retry-btn {
    width: 100%;
    max-width: 450px;
    margin: auto;
    margin-top: 5px;
    padding: 10px 5px;
    border-radius: 5px;
    background: #FF8C05;
    font-size: 25px;
    font-family: "Titillium Web", Arial, sans-serif;
    font-weight: 600;
    color: white;
    cursor: pointer;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    border: none;
}

#commande-paiement-error .paiement-badge {
    font-size: 18px;
    border: 1px solid #C6C6C6;
    border-radius: 14px;
    margin: auto;
    width: 100%;
    padding: 20px 19px;
    margin-bottom: 70px;
    height: auto;
    position: relative;
    margin-top: 5px;
    background-color: #fff;
    max-width: 450px;
}
#commande-paiement-error .paiement-badge span {
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    padding: 0 15px;
    width: 70%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: #fff;
}

#commande-paiement-error .displayPay {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 10px;
    gap: 25px;
}

#commande-paiement-error .error-redirection-msg .highlight-text {
    font-weight: bold;
    color: #006bb3;
}
#commande-paiement-error  a:link, #confirmation-devis  a:link { 
    text-decoration: none; 
  } 
  #commande-paiement-error  a:visited, #confirmation-devis  a:visited { 
    text-decoration: none; 
  } 
  #commande-paiement-error  a:hover, #confirmation-devis  a:hover { 
    text-decoration: none; 
  } 
  #commande-paiement-error  a:active, #confirmation-devis  a:active { 
    text-decoration: none; 
  }

#page-paiement .amount-color {
    color: #0171bc;
    margin-bottom: 5px;
}
#page-paiement .paiement-content {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
#page-paiement .page-text {
    font-size: 20px;
}
#page-paiement .paiement-bloc-form, #page-paiement .paiement-bloc-details{
    flex: 2;
}
#page-paiement .form-paiement-bloc .pay-form-header {
    background-color: #0171bc;
    border-radius: 5px 5px 0 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 5px 20px;
    font-weight: 600;
}
#page-paiement .paiement-badge {
    font-size: 18px;
    border: 1px solid #C6C6C6;
    border-radius: 14px;
    margin: auto;
    width: 350px;
    padding: 20px 19px;
    margin-bottom: 15px;
    height: 85px;
    position: relative;
    margin-top: 35px;
    max-width: 100%;
    background-color: #fff;
}

#page-paiement .form-paiement-bloc  {
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

#page-paiement .form-paiement-bloc form{
    margin: unset;
    border: solid #D9D9D9 1px;
    border-radius: 0px 0px 5px 5px;
    background-color: #FAFAFA;
    box-shadow: unset;
}

#page-paiement .paiement-content-bloc {
    background-color: #fff;
}


#page-paiement .paiement-content {
    border-bottom: unset;
}

#page-paiement #modal {
    top: 490px;
    left: 36%;
}

#page-paiement .arrow-paiement {
    min-width: 60px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
#page-paiement .arrow-bottom {
    display: none;
}
#page-paiement .arrow-right {
    width: 54px;
    height: 74px;
    margin-top: 165px;
}
#page-paiement .arrow-paiement svg path {
    stroke: #fff;
    stroke-width: 60px;
}
#page-paiement {
    margin-top: 45px;
}
#page-paiement .paiement-comment {
    margin-top: 30px;
}
#page-paiement .paiement-comment .comment-details {
    clear: both;
}
#page-paiement .montant-bloc {
    text-align: center;
    margin-top: 25px;
}
#page-paiement .montant-bloc-vlaue {
    font-size: 30px;
    font-weight: 600;
    color: #0171bc;
}
#page-paiement .montant-bloc-title {
    color: #333332;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
#page-paiement .ht-amount {
    font-size: 25px;
    font-weight: 600;
    color: #817473;
}
#page-paiement .page-title {
    margin-bottom: 25px;
}

#page-paiement-confirmation .confirmation-msg{
    font-size: 21px;
    color: #5D5D5D;
    font-weight: normal;
    text-align: center;
    max-width: 70%;
    margin: auto;
    margin-bottom: 75px;
    margin-top: -25px;
    line-height: 35px;
}
#page-paiement-confirmation .confirmation-msg-end {
    margin-top: 5px;
}

.compte-carts-mobile {
    overflow: visible;
}

.cart-hover-view {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 400px;
    max-width: 90vw;
    top: 45px;
    right: -10px;
    z-index: 999;
    box-shadow: #cbcbcb 0px 5px 11px 4px;
    padding: 0px 7px;
    padding-left: 0;
}

.cart-hover-view .cart-inner-content {
    display: block;
    background-color: #fff;
    width: 100%;
    top: 45px;
    right: -10px;
    max-height: 70vh;
    overflow-y: auto;
    margin-top: 5px;
    margin-bottom: 10px;
}

.cart-hover-view .cart-hover-view-content {
    height: 100%;
    position: relative;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
}

.cart-hover-view .sidebar-only {
    position: sticky;
    top: 0;
    z-index: 999;
    display: none;
}

.cart-hover-view .mousehover-only {
    display: flex;
}

.cart-hover-view .product-description li::marker {
    color: #8cc63f;
}

/*.cart-header-btn:hover .cart-hover-view {
    display: block;
}*/

.cart-hover-view .cart-view-header {
    position: static;
    top: 0;
}

.cart-hover-view .close-cart-view {
    display: none;
}

.cart-hover-view .cart-view-body {
    height: auto;
}

.cart-hover-view .cart-view-header {
    flex-direction: row;
    justify-content: space-between;
    font-size: 21px;
    font-weight: bold;
    background-color: #fff;
    color: #0171bc;
    padding: 10px 10px;
    border-bottom: solid #dfdfdf 1px;
}
.cart-hover-view input[disabled] {
    cursor: default;
    background-color: #f3f3f3;
    border: 1px solid #9d9d9d;
    color: #6f6f6f;
}

.cart-hover-view .cart-view-body {
    height: auto;
}

.cart-hover-view .cart-view-body .products-in-cart {
    padding: 0 10px;
    padding-bottom: 5px;
}

.cart-hover-view .cart-view-body .product-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    border-bottom: solid 1px #d1d0d0;
    padding: 15px 0px;
}

.cart-hover-view .product-item .product-img {
    width: 75px;
    min-width: 75px;
    overflow: hidden;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #e3e1e1;
    padding: 1px;
}

.cart-hover-view .product-item .product-img img {
    max-width: 100%;
    max-height: 100%;
}

.cart-hover-view .cart-view-body .product-details {
    margin-top: 0;
    flex: 2;
    margin-bottom: unset;
    overflow: hidden;
    text-align: left;
    margin-left: 5px;
}

.cart-hover-view .cart-view-body .product-details .show-more {
    color: #006bb3;
    text-decoration: underline;
    cursor: pointer;
}

.cart-hover-view .product-details .product-title {
    font-size: 16px;
    color: #000;
    margin-top: 0px; /*-5px*/
    line-height: 21px;
}

.cart-hover-view .product-details .product-description {
    padding-left: 18px;
}

.cart-hover-view .product-item li.option {
    color: #585858;
    font-size: 13px;
}

.cart-hover-view .cart-view-body .product-actions {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

.cart-hover-view .product-details .product-price {
    font-weight: bold;
    font-size: 16px;
    flex: 2;
    text-align: right;
}

.cart-hover-view .product-details .remove-product-cart {
    color: #7C7C7C;
    font-size: 20px;
    cursor: pointer;
    line-height: 20px;
}

.cart-hover-view .cart-view-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 98%;
    margin: auto;
    position: sticky;
    bottom: -1px;
    background-color: #fff;
    padding-top: 15px;
    flex: 2;
    justify-content: space-between;
    max-height: 90%;
}

.cart-hover-view .cart-view-footer-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cart-hover-view .sub-total-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #f1f1f1;
    color: #0d0d0d;
    padding: 5px 20px;
}

.cart-hover-view .ttl-ht {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
}

.cart-hover-view .ttl-ttc {
    font-weight: normal;
    font-size: 15px;
}

.cart-hover-view .sub-total-cart {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    padding: 10px 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cart-hover-view .cart-hover-btn {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.cart-hover-view .select-quantity {
    display: block;
    font-size: 14px;
    padding: 3px 3px;
}

.cart-hover-view .manual-quantity {
    display: none;
    gap: 5px;
    flex-direction: row;
    width: 100px;
    align-items: flex-start;
	flex-direction: column !important;
}

.cart-hover-view .empty-quantity-error{
    display: none;
    color: #ff0000;
    font-size: 14px;
}

.cart-hover-view .manual-quantity .qte-actions{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}

.cart-hover-view .btn-recalculate-price-in-cart {
    background-color: #f67f00;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    padding: 5px 7px;
    white-space: nowrap;
    display: inline-block;
}

.cart-hover-view .edit-quantity{
    color: #ff8c05;
    font-size: 15px;
    display: none;
    padding: 3px 5px;
    cursor: pointer;
    font-weight: bold;
}
.cart-hover-view .cancel-edit-quantity{
    color: #ff8c05;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
}

.cart-hover-view .manual-quantity input {
    width: 55px;
    padding: 4px 5px;
    padding-right: 0;
    border-radius: 4px;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar {
    width: 13px;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-thumb {
    background: #bababa;
    border-radius: 5px;
    border-top: solid #ffffff 2px;
    border-bottom: solid #ffffff 2px;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-thumb:hover {
    background: #848484;
    cursor: pointer;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-button:single-button {
    background-color: #f1f1f1;
    display: block;
    border-style: solid;
    height: 13px;
    width: 13px;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #878787 transparent;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent #646464 transparent;
    cursor: pointer;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 7px 7px 0 7px;
    border-color: #878787 transparent transparent transparent;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #646464 transparent transparent transparent;
    cursor: pointer;
}

.cart-hover-view .cart-inner-content::-webkit-scrollbar {
    margin-right: 5px;
}

/* #about-us-page>div{
    margin-bottom: 35px;
} */
.brand-name {
    display: inline-block;
}
#about-us-page .mission{
    color: #0071bc;
    font-weight: bold;
    font-size: 34px;
    padding-right: 410px;
    line-height: 50px;
    margin-top: 50px;
}
#about-us-page .mission-explication{
    padding-right: 410px;
    font-size: 22px;
    line-height: 35px;
    color: #434343;
}
#about-us-page .main-mission-banner{
    background-color: #F5F5F5;
    margin-bottom: 40px;
    
}
#about-us-page .main-mission{
    position: relative;
    min-height: 310px;
}
#about-us-page .img-pro-mission {
    position: absolute;
    right: 170px;
    bottom: 0;
}
#about-us-page .missions-task {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
#about-us-page .avantages-part1 .avantages-element .element .text-part2 {
    display: block;
}

#about-us-page .missions-task>div {
    flex: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 22px;
}
#about-us-page .missions-task .part1 {
    width: 70%;
    border-bottom: solid 1px #DCDCDC;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
#about-us-page .photo-professionnels {
    margin-top: 55px;
    margin-bottom: 55px;
}
#about-us-page .horizontal-separator {
    width: 100%;
    height: 1px;
    background-color: #cacaca;
    max-width: 620px;
    margin: auto;
    margin-bottom: 20px;
}
#about-us-page .missions-task i{
    color: #8CC63F;
    font-size: 50px;
}
#about-us-page .missions-task .part2 .text-part2 {
    display: block;
}
#about-us-page .btn-cta{
    background-color: #FF8C05 !important;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
    font-weight: bold;
    margin: auto;
    width: 80%;
    max-width: 470px;
    text-align: center;
    display: block;
    padding: 10px 15px;
    word-wrap: break-word;
    cursor: pointer;
    margin-top: 35px;
    margin-bottom: 35px;
}

#about-us-page .title-level-1 {
    color: #0071bc;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    line-height: 45px;
}
#about-us-page .title-level-2 {
    color: #0071bc;
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
    line-height: 36px;
}
#about-us-page .subtitle {
    font-size: 20px;
}
#about-us-page .chiffres-cles-bloc{
    background-color: #F5F5F5;
    padding: 10px 0;
    padding-bottom: 20px;
    border-bottom: solid 3px #8CC63F;
    border-top: solid 3px #8CC63F;
    margin-bottom: 50px;
}
#about-us-page .chiffres-cles {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
#about-us-page .container.chiffres-cles>div {
    flex: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#about-us-page .container.chiffres-cles>div>.part1 {
    color: #0071bc;
    font-weight: bold;
    font-size: 50px;
}
#about-us-page .container.chiffres-cles>div>.part2 {
    font-size: 22px;
    color: #434343;
}
#about-us-page .recherche-equip-bloc{
    background-color: #F5F5F5;
    margin-top: 85px;
}
#about-us-page .avantages-part1 .avantages-element {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 40px;
}
#about-us-page .avantages-part1 .avantages-element i {
    color: #8CC63F;
    font-size: 70px;
}
#about-us-page .avantages-part2 .avantages-element {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 30px 5px;
}
#about-us-page .avantages-part2 .group-part {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 50%;
}
#about-us-page .avantages-part1 .avantages-element .element {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
}
#about-us-page .avantages-part1 .avantages-element .separator span {
    background-color: #CACACA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
#about-us-page .avantages-part1 .avantages-element .separator {
    position: relative;
    width: 2px;
    background-color: #CACACA;
    align-self: stretch;
}
#about-us-page .avantages-part1 .avantages-element .separator i {
    font-size: 22px;
    color: #fff;
    position: absolute;
}
#about-us-page .avantages-part2 .avantages-element .group-part-content {
    margin: 0px 25px;
    width: 50%;
}

#about-us-page .photo-professionnels .img-professionnels-full {
    width: 100%;
}
#about-us-page .photo-professionnels .img-professionnels-half {
    display: none;
}
#about-us-page .avantages-part1 .part3 {
    font-size: 20px;
    text-align: center;
    margin: 10px 25px;
}
#about-us-page .avantages-part1 .part2 {
    height: 65px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
}
#about-us-page .avantages-part1 .part1 {
    font-size: 22px;
    text-align: center;
}
#about-us-page .avantages-part2 .part2 {
    font-size: 22px;
    text-align: center;
}
#about-us-page .avantages-part2 .part1 {
    text-align: center;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about-us-page .accroche {
    font-size: 25px;
    color: #747474;
    font-style: italic;
    width: 100%;
    max-width: 780px;
    line-height: 45px;
    margin-top: 35px;
    margin-bottom: 75px;
}
#about-us-page .avantages-part2 {
    margin-top: 35px;
    margin-bottom: 5px;
}
#about-us-page .about-tc-content {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}
#about-us-page .about-tc-content>div {
    flex: 2;
}

#about-us-page .about-tc-content .img-france-tc {
    max-width: 450px;
    margin-right: 35px;
}
#about-us-page .img-france-tc-bloc {
    display: flex;
    justify-content: flex-end;
} 

#about-us-page  p {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
}
#about-us-page p.two-cols {
    width: 100%;
    max-width: 440px;
}
#about-us-page .website-channel,
#about-us-page .catalogues-channel ,
#about-us-page .categories-presentation ,
#about-us-page .products-presentation {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0 40px;
    margin-bottom: 40px;
}
#about-us-page .website-channel>div,
#about-us-page .catalogues-channel>div,
#about-us-page .categories-presentation>div,
#about-us-page .products-presentation>div {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#about-us-page .techni-contact-channels p {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
}
#about-us-page .categories-presentation {
    margin-top: 45px;
}
#about-us-page .trust-logos {
    margin-top: 35px;
}
#about-us-page .logos-partenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 85px;
    margin: 15px 0;
    margin-bottom: 55px;
}
#about-us-page .logo-partenaire {
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    filter: grayscale(1.0);
    transition: filter 0.1s ease-in-out;
}
#about-us-page .logo-partenaire:hover {
    filter: grayscale(0);
}
#about-us-page .about-techni-contact {
    margin-bottom: 70px;
}
#about-us-page .logo-partenaire img{
    max-width: 100%;
    max-height: 100%;
}
#about-us-page .services {
    background-color: #F5F5F5;
    min-height: 327px;
    position: relative;
}
#about-us-page .exposition-produits-service {
    margin-top: 110px;
    margin-bottom: 40px;
}
#about-us-page .recherche-equip-service .text-bloc{
    padding-left: 520px;
    text-align: left;
}
#about-us-page .website-channel {
    margin-top: 25px !important;
    margin-bottom: 35px !important;
}

#about-us-page .exposition-produits-service .text-bloc{
    padding-right: 460px;
    text-align: left;
    padding-left: 25px;
}
#about-us-page .recherche-equip-service .img-bloc{
    position: absolute;
    left: 80px;
    bottom: 0;
    border-bottom: solid 4px #8CC63F;
    padding: 0 25px;
}
#about-us-page .exposition-produits-service .img-bloc{
    position: absolute;
    right: 80px;
    bottom: 0;
    border-bottom: solid 4px #8CC63F;
    padding: 0 25px;
}
#about-us-page .services .title-service{
    color: #0071bc;
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    margin-top: 30px;
    line-height: 45px;
}
#about-us-page .service-explication {
    font-size: 22px;
    line-height: 35px;
}
#about-us-page .services .btn-cta {
    max-width: 370px;
    margin-left: 0;
}
#about-us-page .faq {
    margin-top: 65px;
}
#about-us-page .faq .accordions {
    margin-top: 30px;
}
#about-us-page .faq p {
    text-align: left;
}
#about-us-page .exposition-produits-service .btn-cta{
    margin-left: unset;
    margin: auto;
    margin-top: 25px;
    max-width: 225px;
    margin-bottom: 30px;
}

#about-us-page .categories-tc {
    outline: #ffffff 5px solid;
    outline-offset: -6px;
    border: solid 2px #cacaca;
}
#about-us-page .row-2cols img {
    max-width: 100%;
    max-height: 100%;
}
#about-us-page .avantages-part2 .avantages-element .v-flex-separator {
    display: none;
}
#about-us-page .services .img-bloc img{
    max-width: 100%;
    max-height: 100%;
}
#about-us-page .btn-cta:hover {
    background-color: #ff961a !important;
}
.catalogues-channel.two-catalogues{
    align-items: stretch !important;
}
.img-v2{
    position: relative;
}
.img-v2 img{
    position: absolute;
    border: solid 1px #c9c9c9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 210px;
}
.img-v2 .img-1{
    box-shadow: -4px 4px 4px 0px #d5d5d5d4;
    z-index: 50;
    left: calc(50% - 200px);
    transform: translateY(-50%) rotate(-25deg);


}
.img-v2 .img-2{
    box-shadow: 4px 4px 4px 0px #d5d5d5d4;
    z-index: 49;
    left: calc(50% + -20px);
    transform: translateY(-50%) rotate(25deg);
}

.green-logo {
    color: #8CC63F;
}
.blue-logo {
    color: #0171bc;
}
#demande-devis-form .title-demande-devis h1 {
    font-weight: bold;
    font-size: 35px;
    line-height: 44px;
    margin: 12px 0;
}
#demande-devis-form .title-demande-devis-bloc {
    max-width: 585px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}
#demande-devis-form .title-part2, #demande-devis-form .theme-title-part2 {
    display: block;
}
#demande-devis-form .footer-tag-part2 {
    display: block;
}

#demande-devis-form .arrow-title {
    min-width: 60px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

#demande-devis-form .arrow-right {
    width: 54px;
    height: 74px;
    margin-bottom: 12px;
}
#demande-devis-form .support-phone a{
    color: #0171bc;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}
#demande-devis-form .arrow-title svg path {
    stroke: #e8e8e8;
    stroke-width: 50px;
}
#demande-devis-form .form-control {
    padding-left: 45px;
}
#demande-devis-form .title-demande-devis {
    padding: 2px 0;
    margin-bottom: 25px;
    margin-top: 50px;
    background-color: #E8E8E8;
    width: 100%;
    z-index: -1;
}
#demande-devis-form .form-part {
    width: 50%;
    float: right;
    margin-top: -245px;
    margin-bottom: 35px;
}
#demande-devis-form .demande-devis-part2 {
    clear: both;
}
#demande-devis-form .form-group i.fas {
    padding: 10px;
    min-width: 40px;
    background-color: #F5F5F5;
    border-radius: 10% 0 0 10%;
    border: solid 1px #ccc;
    padding-bottom: 8px;
    color: #6C6C6C;
    left: 0;
    position: absolute;
}
#demande-devis-form .form-group-parent {
    padding: 0;
}
#demande-devis-form .form-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#demande-devis-form .inputtextarea-bloc {
    display: flex;
    justify-content: space-between;
}

#demande-devis-form #inputemail,
#demande-devis-form #inputtel,
#demande-devis-form #inputsocieteName,
#demande-devis-form #inputfirstname,
#demande-devis-form #inputcodePostal,
#demande-devis-form #inputpays {
    width: 100%;
}
#demande-devis-form #inputtextarea{
    width: 100%;
}
#demande-devis-form #submitForm {
    width: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Titillium Web', sans-serif;
}
#demande-devis-form #submitForm:hover {
    background-color: #ff961a  !important;
}
#demande-devis-form .left-request-form-bloc {
    width: 50%;
    float: left;
}
#demande-devis-form .pictureB-parent,
#demande-devis-form .theme-title,
#demande-devis-form .fam-img-bloc,
#demande-devis-form .support-phone {
    max-width: 585px;
    margin-left: auto;
}
#demande-devis-form .form-title {
    font-size: 23px;
    font-weight: bold;
    color: #6C6C6C;
}
#demande-devis-form .form-title-product {
    font-size: 23px;
    font-weight: bold;
    color: #0171bc;
}
#demande-devis-form .form-title-bloc {
    background-color: #F5F5F5;
    padding: 10px 0;
}
#demande-devis-form .leadForm {
    padding: 0;
    max-width: 585px;
}
#demande-devis-form #submitForm {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 5px;
}
#demande-devis-form .sepr-hr {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 10px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
#demande-devis-form #submitForm svg {
    width: 25px;
    margin-left: 5px;
}
#demande-devis-form #lead_form {
    padding: 15px;
    padding-bottom: 5px;
    padding-right: 15px;
}
#demande-devis-form .usertype-choice {
    font-size: 16px;
    color: #6C6C6C;
    font-weight: normal;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 10px;
}
#demande-devis-form .usertype-choice .form-check {
    display: flex;
    gap: 5px;
}
#demande-devis-form .usertype-choice input[type="radio"] {
    margin-left: 15px;
    width: 20px;
    height: 20px;
    margin-top: 0;
}
#demande-devis-form .usertype-choice label {
    font-size: 16px;
    color: #6C6C6C;
    font-weight: normal !important;
    cursor: pointer;
}
#demande-devis-form .usertype-choice i {
    font-size: 21px;
    padding: 0 3px;
}
#demande-devis-form .theme-title {
    font-size: 26px;
    color: #515151;
    margin-bottom: 25px;
}
#demande-devis-form .fam-img img {
    border-radius: 50%;
    border: solid 2px #EBEBEB;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    width: 120px;
    height: 120px;
    background-color: #fff;
}
#demande-devis-form .fam-img img.left {
    z-index: 3;
    position: absolute;
    left: -90px;
}
#demande-devis-form .fam-img img.right {
    z-index: 5;
    position: absolute;
    right: -90px;
}
#demande-devis-form .fam-img img.middle {
    z-index: 10;
    position: absolute;
    left: 0;
}
#demande-devis-form .fam-img {
    position: relative;
    width: 123px;
    height: 123px;
    margin: auto;
}
#demande-devis-form .support-phone {
    color: #0171bc;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}
#demande-devis-form .support-phone i {
    color: #8CC63F;
    margin-right: 10px;
}
#demande-devis-form .pictureB {
    position: relative;
    margin-bottom: 45px;
}
#demande-devis-form .form-besoin-area {
    color: #0171bc;
    font-weight: bold;
    margin-top: 10px;
    font-size: 20px;
}
#demande-devis-form .inputs-group {
    display: flex;
}
#demande-devis-form .inputs-group .inputs-separator{
    width: 25px;
}
#demande-devis-form img.devis-icon {
    position: absolute;
    right: -30px;
    bottom: -35px;
    width: 64px;
}
#demande-devis-form .leadForm-consignes {
    color: #A3A3A3;
    font-size: 14px;
    padding: 0px 28px 16px 25px;
    text-align: justify;
    line-height: 20px;
}

#demande-devis-form .avantages {
    background-color: #F5F5F5;
    text-align: center;
    padding: 25px 0;
    margin-bottom: 25px;
}
#demande-devis-form .trust-logo-part {
    width: 50%;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}
#demande-devis-form .trust-logo {
    width: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
}
#demande-devis-form .trust-logo div div{
    margin: unset;
    width: 48%;
    max-width: 100px;
}
#demande-devis-form .trust-logo div div img{
    width: 100%;
}
#demande-devis-form .avantages .picto {
    width: 105px;
    margin: auto;
    height: 90px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 10px;
}
#demande-devis-form .avantages .picto img{
    max-width: 100%;
    max-height: 100%;
}
#demande-devis-form .title-section {
    font-size: 35px;
    font-weight: bold;
    color: #0171bc;
    text-align: center;
    padding: 0 10px;
}
#demande-devis-form .badges-rassurance {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 25px;
    /* margin-right: 0; */
}
#demande-devis-form .badges-rassurance .badges-rassurance-element {
    width: 30%;
}
#demande-devis-form .badge-text {
    font-size: 20px;
    font-weight: 400;
    color: #6C6C6C;
}
#demande-devis-form .badge-text .span-part2{
    display: block;
}

#demande-devis-form .accordions {
    margin-top: 25px;
    margin-bottom: 45px;
}
#demande-devis-form .back-to-leadForm-bloc {
    text-align: center;
}
#demande-devis-form #back-to-leadForm {
    background-color: #FF8C05 !important;
    color: #fff;
    font-size: 29px;
    border-radius: 5px;
    font-weight: bold;
    margin: auto;
    margin-bottom: 55px;
    margin-top: 25px;
    width: 100%;
    max-width: 585px;
    text-align: center;
    display: block;
    padding: 15px;
    word-wrap: break-word;
    white-space: break-spaces;
}
#demande-devis-form .civilite-choice {
    font-size: 16px;
    color: #6C6C6C;
    font-weight: normal;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 10px;
}
#demande-devis-form .civilite-choice label {
    font-size: 16px;
    color: #6C6C6C;
    font-weight: normal !important;
    cursor: pointer;
    margin-bottom: 0;
    padding-left: 5px;
}
#demande-devis-form .civilite-choice input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    cursor: pointer;
}
#demande-devis-form input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    cursor: pointer;
}
#demande-devis-form .civilite-choice .form-check {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-right: 15px;
}
#demande-devis-form .civilite-name {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#demande-devis-form .inputfirstname-block {
    width: 100%;
}
#demande-devis-form .civilite-block {
    width: 100%;
    display: flex;
    gap: 15px;
}
#demande-devis-form .form-group {
    position: relative;
}
#demande-devis-form .civilite-choice input[type="radio"].error {
    box-shadow: 0 0 0 2px red;
    position: relative;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #ccc;
    outline: none;
    position: relative;
    background-color: white;
}

/*.btn-cart-desktop {
	display: block;
}

.btn-cart-mobile {
	display: none;
}*/
    .blogItem {
        cursor: pointer;
        /* Définir les styles par défaut ici */
    }
    
    .blogItem:hover {
        color: #0071bc !important;
        /* Définir les styles pour le survol ici */
    }
.loader {
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #0171bc; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s ease-out infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* Masquer par défaut */

}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.hidden {
    display: none; /* Cacher l'élément */
}

.headerOrder .compte-carts-mobile{
    width: 70px!important;
}
.headerOrder .infos-contact-desktop{
    /*flex: 3;*/
}

.headerOrder .logo{
    flex: 3;
    text-align: left;
}
.headerOrder .infos-contact-desktop {
    flex: 1;
}
.cart-hover-view .empty-cart,.cart-sidebar .empty-cart{
    font-size: 18px;
    display: flex;
    flex-direction: column;
    height: 95px;
    align-items: center;
    justify-content: center;
}
.cart-hover-view .empty-cart .icon-empty-cart,.cart-sidebar .empty-cart .icon-empty-cart {
    color: #006bb3;
    font-size: 25px;
    margin-top: 15px;
}

.cart-sidebar .empty-cart{
    margin-top: 25px;
}
.cart-sidebar .empty-cart-footer .return-back-to-page {
    width: 100%;
    margin-bottom: 5px;
}
.cart-sidebar .sidebar-footer.empty-cart-footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.page-title {
    font-weight: bold;
    color: #006bb3;
    font-size: 36px;
    text-align: center;
}
.main-btn {
    background-color: #FF8C05;
    display: block;
    border: none;
    width: 100%;
    padding: 10px 26px;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    margin: auto;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
	text-decoration: none;
}
.main-btn:hover , .main-btn:visited , .main-btn:focus {
    color: #fff;
    background-color: #f67f00;
    text-decoration: none;
}
.text-medium {
    font-size: 21px;
    color: #5D5D5D;
    font-weight: normal;
    text-align: center;
    max-width: 70%;
    margin: auto;
    line-height: 35px;
}


#page-empty-cart .page-title-details {
    font-weight: bold;
    color: #006bb3;
    font-size: 36px;
    margin-bottom: 50px;
    text-align: center;
}
#page-empty-cart .text-medium-details {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 90%;
}
#page-empty-cart .main-btn-details {
    margin-bottom: 55px;
    margin-top: 25px;
    max-width: 550px;
    font-size: 25px;
}
#page-empty-cart .cart-title-icon {
    text-align: center;
    color: #006bb3;
    font-size: 55px;
}

.photos-gallery .photo img {
    border: solid 1px #dddddd;
    
}
.photos-gallery .legende {
    text-align: center;
    background-color: #f3f3f3;
    padding: 3px 0;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    max-width: 100%;
    border: solid 1px #dddddd;
    border-top: none;
	font-size: 16px;


}
.accessoires-bloc {
    font-size: 16px;
    line-height: 22.8px;
}
.photos-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 45px;
    column-gap: 45px;
    align-items: flex-end;
    margin: 0 10px;
    margin-bottom: 55px;
    width: 98%;
}
.photos-gallery .photo-group {
    max-width: 100%;
}
#contentDesc h2 {
    font-size: 20px;
    color: #006cb5;
    margin-bottom: 15px;
    font-weight: bold;
    clear: both;
}
#contentDesc .table-label {
    background-color: #F1F1F1;
    text-align: center;
    padding: 10px 5px;
	width: 240px;
	max-width:40%;
	min-width: 120px;
}

#contentDesc .table-value {
    padding: 10px 5px;
    text-align: left;
    padding-left: 10px;
    background-color: #fff;
}
#contentDesc .table-section {
    width: 100%;
    margin-bottom: 35px;
    border-color: #CCCCCC;
    text-align: left;
    margin: auto;
	font-size: 16px;
}
.video-container {
    position: relative;
    width: 80%;
    padding-bottom: 56.25%; /* Pour conserver le ratio 16:9 */
    height: 0;
    overflow: hidden;
	margin: auto;
}
#contentDesc .pdt-docs button{
    background-color: #F2F2F2;
    padding: 5px 15px 8px 15px;
    border-radius: 5px;
    font-size: 17px;
    color: #1D1D1D;
}
#contentDesc .pdt-docs button:hover{
    color: #006cb5;
}
#contentDesc .pdt-docs i {
    color: #D10202;
    font-size: 25px;
}
.description-mobile-separator{
    display: none;
}
#contentDesc h2 {
    text-align: left !important;
    border-bottom: unset !important;
    width: 100%;
}

.demandes-devis-f3-bloc .demande-element-parent {
    /* min-height: 160px; */
    /* Hauteur fixe du parent */
    height: 180px;
    /* Hauteur fixe du parent */
    width: auto;
    /* Permet d'ajuster la largeur dynamiquement */
    position: relative;
    overflow: visible;
    /* Permet au texte de dépasser pour un calcul correct */
    display: inline-block;
    /* Chaque bloc doit avoir son propre espace */
}

.demandes-devis-f3-elements-container {
    padding: 0 20px;
}

.demandes-devis-f3-bloc .demande-element {
    border: solid 1px #c3c3c3;
    padding: 0;
    background-color: #f9f9f9;
    box-sizing: border-box;
    height: 100%;
    /* Permet au contenu de s'étendre pour la mesure */
    overflow-wrap: break-word;
    /* Le texte se casse aux mots */
    display: flex;
    flex-direction: column;
    width: 100%;
    /* width: 250px; */
}

.demandes-devis-f3-bloc .demand-details {
    font-size: 16px;
    /* margin-top: 15px; */
    padding: 5px 15px 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: calc(1.5em * 7);
}

.demandes-devis-f3-bloc .slick-initialized .slick-slide>div {
    width: 250px;
    overflow: hidden;
}

.date-details {
    font-weight: bold;
    padding: 5px 5px;
    border-bottom: 1px solid #c3c3c3;
}

.demandes-devis-f3-elements.slick-initialized.slick-slider {
    margin-top: 25px;
    margin-bottom: 25px;
    /* padding: 0 15px !important; */
}

.slick-list {
    /* padding:0 20% 0 0 !important; */
}


/* .demandes-devis-f3-elements .slick-list.draggable {
    padding: 0 15px;
} */

.demandes-devis-f3-elements .slick-prev {
    left: -15px !important;
    top: 50% !important;
}

.demandes-devis-f3-elements .slick-next {
    right: -15px !important;
    top: 50% !important;
}

.demandes-devis-f3-elements .slick-track {
    left: -255px;
}
.style-demande-devis-f3 .demandes-devis-f3-elements-container {
    padding: 0 20px;
    background-color: #f9f9f9;
}
.style-demande-devis-f3 .demande-element {
    border: unset;
    background-color: unset;
}

.style-demande-devis-f3 .date-details {
    border-bottom: 2px solid #8cc63f;
    color: #0171bc;
    font-size: 16px;
}

.style-demande-devis-f3 .demand-details {
    padding: 5px 0 0 0;
}
.style-demande-devis-f3 .slick-list.draggable {
    padding: 10px 0px 20px 0;
}
.demandes-devis-f3-bloc.style-demande-devis-f3 .demande-element-parent {
    border-right: solid 1px #e3e3e3;
    padding-right: 15px;
}
.style-demande-devis-f3 .demandes-devis-f3-elements .slick-track {
    left: 10px;
    /* left: -285px; */
}
.slick-initialized .slick-slide {
    /* width: 300px; */
    /* margin-left: -17px; */
    margin-right: 30px;
}
.demandes-devis-f3-bloc .slick-initialized .slick-slide{
width: auto !important;
}

.js-visible {
    display: block;
}

.js-show-more,.js-show-less {
    display: block;
    margin: 0px auto;
    padding: 0 20px 10px 20px;
    background-color: unset;
    color: #0071c2;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    font-size: 16px;
}
.js-show-more-less-btns {
    display: block;
    margin: 13px auto;
    padding: 10px 5px;
    background-color: unset;
    color: #0071c2;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    background-color: #fe8c05;
    border-radius: 16px;
    color: #ffffff;
    min-width: 175px;
    font-weight: bold;
}
.js-show-more-less-btns:hover {
    color: #ffffff;
}
.list-pdt-fam3 .grey-block {
	justify-content: space-between;
    flex-direction: column;	
}
.grid-pdt-fam2 {
    background-color: #F5F5F5;
    border-radius: 4px;
    margin-top: 20px;
    padding: 10px;
    gap: 15px;
}

.grid-pdt-fam2 .product-element {
    display: none;
    margin: 5px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    width: auto;
    /* display: flex; */
    justify-content: center;
    flex: 1;
    flex-direction: column;
    gap: 15px !important;
    max-width: 22%;
    text-align: center;
    width: 22%;
    min-width: 22%;
    transition: border-color 0.3s ease;
    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 15px;
}

.grid-pdt-fam2 .product-element:hover {
    border: 2px solid #0e94ed;
    box-shadow: #d9d9d9 0px 0px 10px 5px;
}
.grid-pdt-fam2 .product-element .product-img-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-pdt-fam2 .product-element .product-img-container>img {
    max-width: 100%;
    max-height: 100%;
}
.grid-pdt-fam2 .logoAdvertising .logo-ruban-bloc>img {
    max-width: 100%;
    max-height: 110px;
    background-color: #f3f3f3;
    padding: 5px 5px;
    padding: 5px 5px;
    padding-left: 10px;
}

.cat2-grid-img-bloc .product-img-container>img {
    max-width: 100%;
    max-height: 100%;
    transition: max-width 0.5s ease, max-height 0.5s ease;

}
.cat2-grid-img-bloc .ruban{
    width: 10px;
    height: 50px;
    position: absolute;
    top: 27px;
    left: -10px;
    opacity: 1;
    transition: opacity 0.3s ease;

}
.cat2-grid-img-bloc .ruban-triangle{
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 10px solid #bfbfbf;
    border-left: 10px solid transparent;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.cat2-grid-img-bloc {
    border: 1px solid #ccc;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px;
    text-align: center;
    margin: auto;
    background-color: #fff;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cat2-grid-img-bloc .logoAdvertising {
    float: unset;
    position: absolute;
    left: -10px;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: unset;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.cat2-grid-img-bloc .logoAdvertising .logo-ruban-bloc {
    position: relative;
    max-width: 60%;
    max-height: unset;
}

.grid-pdt-fam2 .product-element-content {
    margin: 0 5px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 2;
}

.grid-pdt-fam2 .titlePdt-grid-f2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 1.3;
    max-height: calc(1.3em * 3);
    font-size: 17px;
    font-weight: 600;
    color: #232323;
}
.grid-pdt-fam2 .titlePdt-grid-f2>a {
    color: #363636;
}
.grid-pdt-fam2 .titlePdt-grid-f2 a:hover{
    color: #363636;
}

.grid-pdt-fam2 .titlePdt-grid-f2 a:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.grid-pdt-fam2 .product-element:hover .grid-hover-effect {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.grid-pdt-fam2 .product-element:hover .logoAdvertising {
    opacity: 0;
}
.product-element .cat2-price-grid {
    font-size: 20px;
    color: #0171bc;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 28px;
    margin-top: 5px;
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.grid-f2-product-infos {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.grid-pdt-fam2 .grid-hover-effect {
    background-color: #fffffff2;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 998;
    height: 65px;
}
#product-page-v2 .photo-part .glide__slides {
    padding-left: 0;
    overflow: hidden;
}
#product-page-v2 .photo-part .glide__slides .glide__slide {
    min-width: 100%;
    list-style-type: none;
}
@media (max-width: 1199px) {
    .cart-header-btn:hover .cart-hover-view {
        display: none;
    }
    .mobile-cart-view .cart-hover-view {
        display: block;
        background-color: #fff;
        width: 330px;
        top: 0;
        right: -330px;
        box-shadow: unset;
        position: fixed;
        transition: .3s;
        height: 100%; 
    }
    .mobile-cart-view .overlay-cart-view {
        opacity: .3;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 998;
        cursor: pointer;
        top: 0;
        right: 0;
        background-color: #000;
        display: none;
    }
    .mobile-cart-view .cart-hover-view .cart-inner-content {
        height: 100vh;
        max-height: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        border-bottom: solid 10px #fff;
    }
    .mobile-cart-view .cart-hover-view .cart-hover-view-content {
        padding: 0;
    }
    .cart-hover-view .cart-view-footer {
        padding: 0 5px;
        padding-bottom: 10px;
    }
    .cart-hover-view .close-cart-view {
        display: block;
    }
    .cart-hover-view .cart-view-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 21px;
        font-weight: bold;
        background-color: #0171bc;
        color: #fff;
        padding: 10px 10px;
        position: sticky;
        top: 0;
    }
    .cart-hover-view .cart-view-header .close-cart-view {
        cursor: pointer;
        font-size: 17px;
        font-weight: 600;
    }
    .mobile-cart-view .cart-hover-view .cart-view-body {
        padding: 0 5px;
    }
    .cart-hover-view .sidebar-only {
        display: flex;
    }
    .cart-hover-view .mousehover-only {
        display: none;
    }
    .cart-hover-view .manual-quantity {
        display: none;
        gap: 5px;
        flex-direction: column;
        width: 45px;
    }
    .cart-hover-view .btn-recalculate-price-in-cart {
        margin: 3px 0px;
    }
    .cart-hover-view .manual-quantity .qte-actions {
        align-items: flex-start;
        gap: 2px;
        flex-direction: column;
    }
        #about-us-page .img-pro-mission {
        right: 90px;
    }
    #about-us-page .main-mission {
        padding-left: 45px;
        min-height: 310px;
    }
    #about-us-page .avantages-part2 .avantages-element {
        gap: 25px;
    }
    #about-us-page .mission {
        margin-top: 30px;
    }	
}

@media (min-width: 768px) {
    .smallTitleUl {
        padding-top: 0;
        padding-left: 15px;
    }
	.subtitleF1>a:hover {
		display: flex;
		margin-left: 5px!important;
		justify-content: space-between;
	}
    .how-works {
        position: relative;
    }
    .background-img-devis-express {
        background-image: url(../../images/bg-express-tablet.jpg);
        /* height: 640px; */
        z-index: -999;
        top: -12px;
        background-size: contain;
        background-position: top center;
        width: 100vw;
        position: absolute;
        left: calc(-50vw + 100%);
        justify-content: center;
        height: 67vw;
        background-position-y: -139px;
    }
    .txt-left-express-smartphone {
        display: none;
    }
    #tabletteLeadForm {
        margin: auto;
        margin-bottom: 10px;
    }
    .leadForm {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 9px;
    }
    .second-title {
        font-size: 23px;
        color: #0171bc;
        margin-bottom: 10px;
    }
    #devis-express input#telephone_deHead,
    #devis-express input#email_deHead {
        width: 103% !important;
    }
    .trust-logo div {
        display: flex;
        flex-direction: row;
        align-content: space-around;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 10px;
    }
    .trust-logo div div {
        margin: 3px 0px;
    }
    #tabletteLead {
        padding: 0 11px;
    }
    .txt-second-form-express {
        margin-bottom: 14px;
    }
    .title-devix-express>h1 {
        line-height: 47px;
    }
    .second-title {
        line-height: 34px;
    }
    .how-works {
        margin-top: 10px;
    }
    .title-devix-express {
        margin-top: 15px;
    }
    .devis-express-form .container {
        margin-top: 20px;
    }
    .page-content {
        margin-bottom: 0;
    }
    #tabletteLead {
        overflow: visible;
    }
    #devis-express-success .page-content {
        margin-top: 10px !important;
    }
    #devis-express-success .txt-success-express {
        font-size: 26px;
        margin-top: 25px;
    }
    .show-above-767 {
        display: block;
    }
    .hide-above-767 {
        display: none;
    }
    #page-contact .send-btn{
        width: 97%;
    }
    #page-contact .txtContact {
        padding-right: 15px;
    }
	
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .new-header .header-line1 {
        margin-top: 5px;
        margin-bottom: 3px;
    }
    .first-menu {
        width: auto !important;
        max-height: initial;
        direction: inherit;
    }
    .tabs-bloc-tablet {
        display: block;
    }
    .tabs-bloc {
        display: none;
    }
    .cat-siblings {
        display: none;
    }
    #desktopBanner {
        display: block;
    }
    #tabletBanner {
        display: none;
    }
    header {
        overflow: visible;
    }
    #homepage-banner .head-ul>li .fa-check {
        display: inline-block !important;
    }
    #homepage-banner .align-items-center {
        padding: 0px;
        height: 100%;
        overflow: hidden;
    }
    #homepage-banner .visual-desktop,
    #banner .visual-mobile {
        display: none !important;
    }
    #homepage-banner .visual-tablet {
        display: block !important;
    }
    #homepage-banner h1 {
        text-align: center;
        margin-top: 25px;
    }
    #homepage-banner .avis-verify-img {
        /* float: none; */
        text-align: center;
        display: block;
        position: absolute;
        top: -40px;
        right: -10px;
    }
    #homepage-banner .tablet-img img {
        width: 510px;
    }
    #homepage-banner .banner-content {
        position: relative;
        display: flex;
        overflow: visible;
    }
    #homepage-banner .txt-achats {
        margin-left: 65px;
        text-align: justify;
    }
    #homepage-banner .tablet-img {
        float: none;
    }
    #homepage-banner .tablet-view {
        text-align: left;
    }
    #homepage-banner .btn-home-page {
        margin: 15px;
    }
    .smartphone-only {
        display: none;
    }
    .deskTopTelStyle {
        display: none;
    }
    .tablet-view {
        display: flex;
        flex-direction: row;
        align-content: stretch;
        flex-wrap: nowrap;
        justify-content: space-around;
    }
    .imgLogo {
        width: 300px;
    }
    #header-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: space-between;
    }
    #header-menu .all_rayons {
        margin-right: 10px;
        width: 28%;
    }
    #header-menu .second-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: space-between;
        width: 72%;
    }
    #header-menu .autherMenu {
        margin-right: 0;
    }
    #header-menu .left-menu {
        float: none;
        padding-right: 15px;
        max-width: 260px;
    }
    #header-menu .divExp {
        margin-right: 0;
    }
    .search-htys {
        width: 100%;
    }
    .inputSearch2 {
        width: 50px;
        height: 50px;
        padding-top: 13px;
        margin-right: 0;
    }
    .inputSearch {
        width: 90%;
    }
    #devis-express .firstname input.form-control {
        max-width: 96% !important;
    }
    .search-desktop {
        display: none;
    }
    .new-header .logo {
        flex: 1;
    }
    .new-header .infos-contact-desktop {
        flex: 2;
    }
    .new-header .search-responsive {
        display: block;
    }
    #accueil .container.hp-carrousel {
        margin-bottom: 35px;
    }
    .catalogue-center {
        text-align: center;
        width: 235px;
        max-width: 100%;
    }
    .catalogue-center .btn-home-page>a {
        padding: 12px 10px;
    }
    .shapF1 {
        width: 99%;
        margin: 10px auto;
        height: auto;
        /* height: 292px; */
    }
    .shapF1 .allRayon {
        font-size: 19px;
        font-weight: bold;
        background-color: #fe8c05;
        border-radius: 5px;
        color: #fff;
        letter-spacing: 1px;
        padding: 10px 5px;
        text-align: center;
    }
    .shapF1 .allRayon {
        width: 100%;
        display: block;
    }
    .shapF1 .allDivA {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
        margin-top: 15px;
    }
    .shapF1 .namePict {
        margin-right: 15px;
        padding-bottom: 24px;
    }
    .background-img-devis-express {
        height: 74vw;
        background-position-y: -69px;
    }
    .trust-logo div div {
        margin: 3px 0px;
    }
    .grey-block-grid {
        width: 31%;
    }
    .bg-total {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }
    .paiement-ttHt-separator {
        display: block;
        height: 1px;
        width: 100%;
        background-color: #b4b4b4;
    }
    #validation-devis-infos .vertical-separator {
        margin: 0px 10px;
    }
    .showEstimate {
        margin-bottom: 10px;
    }
    .modeRegelement.cartes {
        height: 129px;
    }
    .modeRegelement.credit {
        height: 138px;
        margin-top: 28px;
    }
    .btn-close-simulator,
    {
        width: 350px;
    }
    .btn-save-coordonnees {
        width: 420px;
    }
    #page-contact #tabletteLead,
    #page-contact #tabletteLeadForm {
        width: 50%;
    }
    #page-contact input.form-control,
    #page-contact .form-group select {
        max-width: 98% !important;
    }
    #page-contact .form-group {
        padding-right: 0 !important;
    }
    #page-contact #tel_contact,
    #page-contact #pays_contact,
    #page-contact #prenom_contact {
        margin-right: 0 !important;
        max-width: 100% !important;
    }
    #page-contact .firstname input.form-control {
        max-width: 98% !important;
    }
	
	.grid-pdt-fam2 .titlePdt-grid-f2 {
        font-size: 18px;
    }
    .product-element .cat2-price-grid {
        font-size: 18px;
    }
}
	.errorCap .capTriangle {
	display: none;
	}
	
	.tuser {
	  color: #6c6c6c;
	  font-size: 16px;
	  margin-left: 10px;
	  font-weight: normal;
	}

	.tuserChoise {
		color : #6c6c6c; 
		font-size: 20px; 
		padding: 10px 0px 10px 0px;
		margin-bottom: 10px;
	}

	.tuserBan{
		text-align: center; 
		background-color: #f8f8f8; 
		border-radius: 4px;
		padding: 3px 0;
	}
	
	.tuserBan input {
		transform: scale(1.8);
	}
	
	.myClassS{
		margin-right: 50px;
	}
	
	.myClassD{
		padding-bottom: 15px;
	}
	
	
@media only screen and (max-width: 991px) {
    .contact-horaire {
        font-size: 13px !important
    }
    .mb-25-desk {
        margin-bottom: 0px;
    }
    .logo-f3-mobile img {
        max-width: 90px;
        max-height: 45px;
        padding: 2px;
        background-color: #fff;
    }
    #homepage-banner {
        border-top: solid 1px #c7c7c7;
    }
    .header-bottom {
        display: none;
    }
    .rayons-tablet-btn {
        display: block;
    }
    .allDivAMobile {
        display: block;
        overflow: hidden;
        text-align: center;
        margin-left: 214px;
    }
    .shapF1 .allDivA {
        display: none;
    }
    #desktopBanner {
        display: none;
    }
    #tabletBanner {
        display: block;
    }
    #homepage-banner .tablet-img img {
        width: 95%;
        margin-right: 30px;
        margin-top: 25px;
    }
    #homepage-banner .avis-verify-img {
        right: -10px;
        top: -30px;
    }
    .catalogue-center {
        text-align: center;
        width: 235px;
        max-width: 100%;
    }
    .catalogue-center .btn-home-page>a {
        padding: 12px 10px !important;
        font-size: 18px;
    }
    .background-img-devis-express {
        height: 93vw;
        background-position-y: -19px;
        background-size: cover;
    }
    #page-contact .background-img-devis-express {
        height: 100vw;
        background-position-y: -60px;
        background-size: cover;
    }
    .row.center.trust-logo {
        width: 80%;
        text-align: center;
        margin: auto;
    }
    .float-sidebar-calc {
        width: 100%;
    }
    .content-order {
        display: flex;
        flex-direction: column;
    }
    .trust-logo div div {
        margin: 3px 10px;
    }
    .sidebarf3 .leftFami-catalogue {
        display: none;
    }
    .sidebarf3 .leftFami {
        display: block !important;
    }
    .products-bloc-f3 {
        display: flex;
        flex-direction: column;
        padding-right: 0;
        order: 0;
    }
    .sidebarf3 {
        float: none;
        width: 100%;
        order: 1;
    }
    #mobilePdtF3 {
        margin-left: 0;
    }
    .cat3-cat-filtering {
        column-count: 3;
        column-gap: 25px;
    }
    .sidebarf3 .leftFamiFilte {
        position: fixed;
        z-index: 999;
        background-color: #fff;
        width: 285px;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
        overflow-y: scroll;
    }
    .filter-sidebarF3-apply-btn-mobile {
        font-size: 19px;
        display: block;
        font-weight: bold;
        background-color: #fe8c05;
        padding: 10px 5px;
        border-radius: 5px;
        color: #fff;
        letter-spacing: 1px;
        text-align: center;
        position: sticky;
        bottom: 0;
        width: 285px;
    }
    .filterBy {
        font-size: 20px;
        height: 40px;
    }
    .mobile-filter-close-btn {
        float: right;
        margin: 5px 8px 5px 0;
        display: block;
    }
    #mobilePdtF3 {
        padding-left: 0;
    }
    .DescFam3-footer {
        margin-left: 0;
        order: 2;
    }
    .mobile-filterF3-btn {
        display: inline-block;
        background-color: #F1F1F1;
        padding: 5px 5px 4px 6px;
        border: solid 1px #BDBDBD;
        border-radius: 5px;
    }
    .mobile-filterF3-btn a {
        color: #5C5C5C;
        margin-top: 1px;
        display: block;
    }
    #mobilePdtF3 #resultDataPdt {
        width: 100%;
        clear: both;
    }
    .title-others {
        display: inline;
    }
    .center-mobile {
        text-align: center;
        display: table !important;
        margin: auto;
    }
    .grey-block-grid {
        width: 31%;
    }
    .grid-view .titlePdt a {
        font-size: 19px;
    }
    .grid-view h2.titlePdt {
        height: 34px;
    }
    .grid-view .img-famille {
        max-width: 190px;
        max-height: 190px;
        width: 90%;
    }
    .grid-view .cat3-picture-border-grid {
        max-width: 100%;
        width: 200px;
        height: 200px;
    }
    #mobileFliter .filtering {
        height: 100%;
    }
    .pdt-filtering-title {
        font-size: 18px;
    }
    #pdt-filtering .facet>li {
        font-size: 18px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    #pdt-filtering input[type=checkbox] {
        transform: scale(1.5);
        margin-left: 4px;
        margin-top: 6px;
    }
    #pdt-filtering .current-criterias li {
        font-size: 18px;
    }
    #pdt-filtering .reinitialise,
    #pdt-filtering .reinitialise:hover {
        font-size: 18px;
    }
    .leftFamiFilte:before {
        content: "";
        background-color: #00000070;
        left: 0px;
        opacity: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: -999;
        transition: 0.2s;
    }
    .grid-view.flexHelper {
        gap: 3%;
    }
    /* animation */
    .sidebarf3 .leftFamiFilte {
        position: fixed;
        z-index: 999;
        background-color: #fff;
        width: 0px;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        visibility: hidden;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: 0.2s;
    }
    .countPdt .current-criterias {
        border-bottom: none;
        padding-bottom: 0px;
        margin: 0 !important;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        clear: both;
    }
    .bg-total {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }
    .paiement-ttHt-separator {
        display: block;
        height: 1px;
        width: 100%;
        background-color: #b4b4b4;
    }
    #validation-devis-infos .vertical-separator {
        margin: 0px 10px;
    }
    .showEstimate {
        margin-bottom: 10px;
    }
    {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #validation-devis-infos .right-bloc {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .modeRegelement {
        margin-bottom: 0;
    }
    .display-simulator {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .select-simulator,
    .bg-montant-simulator {
        width: 48%;
    }
    .info-financement {
        width: 100%;
        margin-top: 25px;
    }
    .infos-simulator-details {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .infos-simulator-details div {
        width: 100%;
    }
    #financementCredit .info-financement {
        margin-bottom: 15px;
    }
    .simulator-second-header {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 5px;
        margin-bottom: 20px !important;
    }
    .txt-simulator {
        text-align: center;
    }
    .logos-simulator {
        text-align: center;
    }
    .txt-labe-clientFac,
    .txt-labe-clientLivr {
        font-size: 25px;
        color: #0171bc;
        border-bottom: 2px solid #8cc63f;
        width: auto;
        margin-bottom: 10px;
        display: inline-block;
        font-weight: bold;
    }
    .txt-labe-clientLivr i {
        margin-right: 5px;
    }
    .btn-save-coordonnees {
        width: 420px;
    }
    .no-credit-devis-infos#validation-devis-infos {
        flex-wrap: wrap;
    }
    #validation-devis-infos .price-no-credit {
        width: 100%;
    }
    #validation-devis-infos .vertical-separator-no-credit.price-contact {
        display: none;
    }
    #validation-devis-infos .contact-no-credit,
    #validation-devis-infos .paiement-no-credit {
        width: 48%;
        align-self: center;
    }
    .price-no-credit .bg-total-empty {
        flex-direction: row;
    }
    #validation-devis-infos .paiement-ttHt-separator-no-credit {
        height: auto;
        width: 1px;
    }
    .displayTableRecap {
        display: flex;
        flex-direction: column;
    }
    .displayTableRecap>div {
        width: 100%;
        padding: 10px 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .displayTableRecap>div div {
        width: 50%;
    }
    .displayTableRecap>div div:first-child {
        text-align: right;
        padding-right: 2px;
    }
    .displayTableRecap>div div:last-child {
        text-align: left;
        padding-left: 2px;
    }
    .displayRecapFlex {
        display: flex;
        flex-direction: column;
        background-color: #FFF;
    }
    .txt-aide-recap {
        background-color: #EAF7FF;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        padding: 5px;
    }
	.containerBottom .containerBottom-content {
        display: flex;
        flex-direction: column-reverse;
    }
	.containerBottom .containerBottom-content>div{
        width: 100% !important;
    }
	.containerTop .pdtConsult {
        display: none;
    }
    .containerTop .tablettePrice { /* Sera supprimée */
        display: none;
    }
    .slidImg {
        float: left;
        width: 48%;
    }
	
	.containerTop .priceBloc {
        float: right;
        width: 50%;
    }
    .containerTop #tabletteBtn {
        width: 100%;
    }
    
    .containerTop .shortDesc {
        width: 50%;
        float: right;
    }
    .containerTop .addCarts-gtd {
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .containerTop #addCarts {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .containerTop .btn-devis-fo {
        width: 90%;
    }
    .containerTop .btn-devis-fo button.atc {
        padding: 6px 0;
        font-size: 20px;
    }
    .containerTop .btnModel {
        width: 90%;
        padding: 10px 0;
    }
    .gallery>a>img {
        max-width: 340px;
    }
	
	#stepReglement .separators {
    display: none;
	}

	.blocBtn {
	   display: flex;
	   width: auto;
	   align-items: center;
	   justify-content: flex-start;
	   flex-direction: column;
	   flex-wrap: nowrap;
	   max-width: 990px;
	   padding: 0 10px;
	   gap: 25px;
	}

	.boutonSecondaire {
	   padding: 20px 5px;
	   max-width: 430px;
	   display: block;
	   flex: unset;
	   width: 95%;
	}

	.boutonPrincipal {
	   max-width: 430px;
	   display: block;
	   padding: 20px 15px;
	   width: 95%;
	}

	#stepReglement .fleche {
	   display: none !important;
	}
	
	#stepReglement .banc-border {
	   max-width: 635px;
	   width: 95%;
	}
	
	#fleche-droit {
	   display: none !important;
	}
	
	#confirmation-devis .mail-canal,
    #confirmation-devis .fax-canal{
        display: flex;
        flex-direction: column;
    }
    #confirmation-devis .virement-data>div strong{
        display: block;
    }
    #commande-paiement-error .error-symbole{
        margin-top: 0;
    }
    #page-paiement .paiement-content {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
    }
    #page-paiement .arrow-right {
        display: none;
    }
    #page-paiement .arrow-bottom {
        height: 54px;
        width: 74px;
        display: block;
    }
    #page-paiement .arrow-paiement {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        min-height: 60px;
        margin-top: -15px;
    }
    #page-paiement {
        margin-top: 0;
    }
    #page-paiement .paiement-content-bloc {
        background-color: #fff;
        max-width: 580px;
        width: 100%;
    }
    #page-paiement .paiement-bloc-details {
        width: 95%;
    }
#about-us-page .logos-partenaires {
        column-gap: 65px;
        margin: 15px 0;
    }
    #about-us-page .logo-partenaire {
        max-width: 15%;
    }
    #about-us-page .img-pro-mission {
        right: 25px;
    }
    #about-us-page .mission {
        padding-right: 240px;
    }
    #about-us-page .mission-explication {
        padding-right: 290px;
    }
    #about-us-page .avantages-part1 .avantages-element {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 8px;
    }
    #about-us-page .avantages-part1 .avantages-element .element {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        position: relative;
        padding-left: 135px;
    }
    #about-us-page .avantages-part1 .part3 {
        font-size: 20px;
        text-align: justify;
        margin: 10px 25px;
        margin-left: 0;
    }
    #about-us-page .avantages-part1 .part2 {
        height: 65px;
        width: 85px;
        position: absolute;
        left: 20px;
        top: 15px;
        text-align: center;
    }
    #about-us-page .avantages-part1 .avantages-element .element .text-part2 {
        display: inline;
    }
    #about-us-page .avantages-part1 .part1 {
        text-align: left;
    }
    #about-us-page .avantages-part1 .avantages-element .separator {
        position: relative;
        width: 98%;
        background-color: #CACACA;
        align-self: stretch;
        height: 1px;
        margin: 10px 10px 25px 10px;
    }
    #about-us-page .avantages-part2 .avantages-element {
        gap: unset;
    }
    #about-us-page .avantages-part2 .part2 {
        font-size: 19px;
        margin: 0 8px;
    }
    #about-us-page .avantages-part2 .avantages-element img {
        max-width: 115px;
        max-height: 80px;
    }
    #about-us-page .container.chiffres-cles>div {
        min-width: 50%;
    }
    #about-us-page .chiffres-cles {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 25px;
        margin: auto;
    }
    #about-us-page .recherche-equip-service .img-bloc {
        position: absolute;
        left: 20px;
        bottom: 0;
        padding: 0 25px;
        width: 355px;
    }
    #about-us-page .recherche-equip-service .text-bloc {
        padding-left: 355px;
        text-align: left;
    }
    #about-us-page .exposition-produits-service .img-bloc {
        position: absolute;
        right: 20px;
        bottom: 0;
        padding: 0 25px;
        width: 355px;
    }
    #about-us-page .exposition-produits-service .text-bloc {
        padding-right: 330px;
        text-align: left;
        padding-left: 25px;
    }
    #about-us-page .catalogues-channel,
    #about-us-page .categories-presentation {
        flex-direction: column-reverse;
        gap: 15px;
    }
    #about-us-page .website-channel,
    #about-us-page .products-presentation {
        flex-direction: column;
        gap: 15px;
    }
    #about-us-page p.two-cols {
        width: 100%;
        max-width: unset;
    }
    #about-us-page .about-tc-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-evenly;
    }
    #about-us-page .img-france-tc-bloc {
        max-width: 350px;
    }
    #about-us-page .services .title-service {
        font-size: 28px;
    }
    #about-us-page .missions-task .part2 .text-part2 {
        display: inline;
    }
    #about-us-page .about-tc-content .img-france-tc {
        margin-right: unset;
    }
    #about-us-page .website-channel, #about-us-page .catalogues-channel, #about-us-page .categories-presentation, #about-us-page .products-presentation {
        margin: 0 10px;
        margin-top: 35px;
    }
    #about-us-page .avantages-part2 .avantages-element .group-part-content {
        margin: 0px 5px;
        width: 50%;
    }
    #about-us-page .two-catalogues .img-v2 {
        min-height: 350px;
        margin-bottom: 15px;
    }	
	#demande-devis-form .inputs-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #demande-devis-form .title-part2, #demande-devis-form .theme-title-part2 {
        display: inline;
    }
    #demande-devis-form .inputfirstname-block {
	 width: 100%;
	}    
}

@media only screen and (max-width: 900px) {
    .photos-gallery .photo img{
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 875px){
    #demande-devis-form  .usertype-choice-title {
        width: 100%;
        margin-bottom: 15px;
    }
	.grid-pdt-fam2 .product-element {
        flex: auto;
        width: 40%;
        min-width: 240px !important;
        max-width: 250px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .grid-pdt-fam2 {
        display: flex;
        justify-content: center !important;
        flex-wrap: wrap;
    }
    .grid-pdt-fam2 {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 816px) {
    #about-us-page .avantages-part2 .avantages-element {
        gap: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        align-content: space-around;
        justify-content: center;
        width: 100%;
        margin: 0;
        margin: 30px 0;
    }
    #about-us-page .logo-partenaire {
        width: 22%;
        max-width: unset;
        height: auto;
    }
    #about-us-page .logos-partenaires {
        column-gap: 40px;
        row-gap: 10px;
        margin: 15px 0;
        margin-bottom: 45px;
    }
    #about-us-page .about-tc-content .img-france-tc {
        max-width: 100%;
    }
    #about-us-page .avantages-part2 .avantages-element .group-part {
        width: 100%;
    }
    #about-us-page .avantages-part2 .avantages-element .v-flex-separator {
        position: relative;
        width: 1px;
        background-color: #CACACA;
        align-self: stretch;
        display: block;
    }
    #about-us-page .avantages-part2 .avantages-element .h-flex-separator {
        display: flex;
        flex: 2;
        height: 22px;
        width: 100%;
        margin: 15px 0;
        gap: 75px;
    }
    #about-us-page .avantages-part2 .avantages-element .h-flex-separator .sep-line {
        flex: 2;
        background-color: #CACACA;
        align-self: stretch;
        display: block;
        height: 1px;
    }
    #about-us-page .avantages-part2 .avantages-element .group-part-content {
        flex: 2;
    }
    #about-us-page .img-pro-mission {
        right: 5px;
    }
    #about-us-page .main-mission {
        padding-left: 35px;
        padding-bottom: 15px;
    }
    #about-us-page .services .text-bloc {
        padding-left: unset;
        text-align: center;
    }
    #about-us-page .recherche-equip-service .img-bloc {
        position: static;
        bottom: unset;
        padding: 0 25px;
        height: 370px;
        margin-top: -255px;
        width: 100%;
        max-width: 355px;
        top: 0;
        display: flex;
        justify-content: center;
    }
    #about-us-page .exposition-produits-service .img-bloc {
        position: static;
        top: 0;
        padding: 0 25px;
        height: 370px;
        margin-top: -285px;
        width: 100%;
        max-width: 355px;
        display: flex;
        justify-content: center;
    }
    #about-us-page .recherche-equip-bloc {
        margin-top: 255px;
    }
    #about-us-page .recherche-equip-service {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #about-us-page .exposition-produits-service {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 315px;
    }
    #about-us-page .services .title-service {
        text-align: center;
    }
    #about-us-page .services .btn-cta {
        margin: auto;
        margin-top: 25px;
        margin-bottom: 35px;
    }
    #about-us-page .exposition-produits-service .text-bloc {
        padding-right: unset;
    }
    #about-us-page .missions-task {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        width: fit-content;
        margin: auto;
    }
    #about-us-page .missions-task>div {
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 22px;
        justify-content: flex-start;
        margin-bottom: 25px;
    }
    #about-us-page .missions-task .part1 {
        width: 80px;
        border-bottom: unset;
        padding-bottom: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
    }
    #about-us-page .btn-cta {
        margin-top: 0;
    }
    #about-us-page .photo-professionnels .img-professionnels-full {
        display: none;
    }
    #about-us-page .photo-professionnels .img-professionnels-half {
        width: 100%;
        display: block;
    }
	    #demande-devis-form  .usertype-choice-title {
        width: 100%;
        text-align: center;
        font-weight: bold;
		width: 100%;
        margin-bottom: unset;
    }
    #demande-devis-form .usertype-choice .form-check {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        align-items: center;
        border: solid 1px #ccc;
        border-radius: 5px;
        margin: 10px;
        position: relative;
        width: 43%;
    }
    #demande-devis-form #lead_form {
        padding: 0;
        padding-bottom: 5px;
        padding-right: 0;
    }
    #demande-devis-form .form-group-parent {
        width: 90%;
        margin: auto;
    }
    #demande-devis-form .usertype-choice {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    #demande-devis-form #submitForm {
        display: flex;
        justify-content: center;
        width: 90%;
    }
    
    #demande-devis-form .usertype-choice label {
        display: flex;
        flex-direction: column;
        padding: 10px 35px 25px 40px;
    }
    #demande-devis-form .usertype-choice input[type="radio"] {
        margin-left: 0;
        position: absolute;
        bottom: 7px;
        z-index: 999;
    }
    #demande-devis-form .form-group {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .new-header .search-smartphone .inputSearch {
        height: 45px;
    }
    .new-header .search-smartphone .search-btn {
        height: 45px;
    }
    .new-header .search-smartphone .search-btn i {
        font-size: 23px !important;
        padding-top: 2px;
    }
    .compte-carts-mobile {
        padding-top: 0px;
    }
    .cat3-cat-filtering li {
        padding: 6px 0;
    }
    .cat-siblings .cat3-cat-filtering li a {
        font-size: 16px;
    }
    .cat-siblings .pd-ov i {
        float: right;
    }
    .cat-siblings .pd-ov {
        font-size: 18px;
    }
    .cart-header-btn {
        margin-top: -1px;
    }
    .tabs-bloc-tablet {
        display: none;
    }
    .cat-siblings {
        display: block;
    }
    .tabs-bloc {
        display: none;
    }
    .badges-hp-element {
        flex-direction: column !important;
        text-align: center;
    }
    .badges-hp div {
        text-align: center;
    }
    #breadcrumb {
        margin-bottom: 10px;
    }
    .titleF-dht {
        margin-top: 5px;
    }
    #cover-familles {
        display: none;
    }
    #homepage-banner .align-items-center {
        height: 100%;
    }
    #head_new_mobile {
        display: block;
        height: 45px;
        margin-top: 7px;
    }
    .not-mobile-sm {
        display: none;
    }
    .head_new_mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: space-between;
        width: 98%;
        margin-top: 5px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .header a {
        width: 50px !important;
    }
    .header span {
        font-size: 14px !important;
    }
    .compte-carts-mobile {
        width: 95px;
    }
    .compte-carts-mobile .fa {
        font-size: 26px !important;
    }
    .logoMobile {
        float: none;
        width: 50%;
        max-width: 300px;
    }
    .logoMobile img {
        width: 100%;
    }
    .counter-mobile {
        top: -40px;
        right: -55px;
    }
    .header-middle .visual-mobile {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        background: #0171bc;
        padding: 4px;
        text-align: center;
    }
    .smartphone-only .h1-hp {
        color: #0171bc;
        background: #fff;
    }
    #devis-express-success .success-title-express h1 {
        line-height: 40px;
    }
    #devis-express-success .page-content {
        margin-top: 10px !important;
    }
    #devis-express-success .txt-success-express {
        font-size: 26px;
        margin-top: 25px;
    }
    .page-content {
        margin-bottom: 0px;
    }
    #devis-express .leadHead {
        display: none;
    }
    #devis-express #tabletteLeadForm {
        background-color: #f4f4f4;
    }
    #devis-express .txt-left-express-smartphone {
        font-size: 21px;
        color: #4D4B4B;
        margin-bottom: 0 !important;
        text-align: center;
        display: block;
        background-color: #f4f4f4;
        padding: 20px;
    }
    .title-devix-express h1 {
        text-align: center;
        font-size: 30px;
    }
    .label_form {
        font-size: 18px;
    }
    .title-form-express {
        font-size: 20px;
    }
    .second-title {
        text-align: center;
        font-size: 25px;
    }
    .devis-express-form .container {
        margin-top: 13px;
    }
    .how-works {
        text-align: center;
    }
    .how-works-list {
        margin-left: 0;
        text-align: justify;
    }
    .txt-left-express {
        display: none;
    }
    #tabletteLead {
        margin-bottom: 0;
    }
    .devis-express-form .leadForm {
        padding: 15px !important;
    }
    #devis-express input#nomHead {
        width: 100% !important;
    }
    #devis-express input#telephone_deHead,
    #devis-express input#email_deHead {
        width: 103% !important;
    }
    .trust-logo div {
        display: flex;
        flex-direction: row;
        align-content: space-around;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 2px;
        margin-bottom: 10px;
    }
    .how-works {
        position: relative;
    }
    .background-img-devis-express {
        background-image: url(../../images/bg-express-smartphone.jpg);
        /* height: 640px; */
        z-index: -999;
        top: -12px;
        background-size: cover;
        background-position: top center;
        width: 100vw;
        position: absolute;
        left: calc(-98vw + 100%);
        justify-content: center;
        height: 100vw;
    }
    .head_new_mobile {
        display: none;
    }
    .search-desktop {
        display: none;
    }
    .infos-contact-desktop {
        display: none;
    }
    .new-header .logo {
        flex: 1;
        margin: 0 5px;
    }
    .new-header .infos-contact-desktop {
        flex: 2;
    }
    .new-header .search-responsive {
        display: block;
    }
    .row-bloc {
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .new-header .contact-smartphone-bloc {
        display: block;
        padding-right: 0;
    }
    .new-header .rayons-mobile-btn {
        display: block;
    }
    .new-header .rayons-mobile {
        padding: 0 15px;
    }
    .smartphone-tagline {
        font-size: 1.5em;
        color: #0171bc;
        font-weight: 900;
        margin-bottom: 10px;
    }
    #accueil .container.hp-carrousel {
        margin-bottom: 25px;
    }
    #accueil .visual-mobile {
        text-align: center;
    }
    #accueil .float-left-mobile>img {
        width: 270px;
    }
    #accueil .presentez-produits .visual-mobile {
        position: absolute;
        left: 230px;
        top: 70px;
        width: 255px;
    }
    .new-header.mm-slideout {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .search-responsive {
        padding: 0 10px;
    }
    .catalogue-center {
        text-align: center;
        margin: auto;
    }
    .shapF1 .namePict {
        float: left;
        border: none;
    }
    .shapF1 {
        width: 100%;
        margin: 20px 0px;
        height: 310px;
    }
    .smallTitleUl {
        padding-bottom: 0;
    }
    .shapF1 .allRayon {
        font-size: 19px;
        font-weight: bold;
        background-color: #fe8c05;
        border-radius: 5px;
        color: #fff;
        letter-spacing: 1px;
        padding: 10px 5px;
        text-align: center;
    }
    .shapF1 .picturesF1 {
        margin-bottom: 10px;
    }
    .allDivA {
        float: none;
        margin-right: 0;
        text-align: center;
    }
    a.allRayon {
        display: block;
    }
    .row.center.trust-logo {
        width: 100%;
        text-align: center;
        margin: auto;
    }
    .trust-logo div div {
        margin: 3px 3px;
    }
    .view-style {
        display: none;
    }
    .grid-view .grey-block-grid {
        width: 47%;
    }
    .list-view .cat3-price {
        float: right;
        margin-bottom: 5px;
        font-size: 27px;
        color: #0171bc;
        font-weight: 600;
        position: unset;
        margin: 0 0px;
        bottom: 0;
        width: calc(100% - 222px);
        width: -webkit-calc(100% - 222px);
        width: -moz-calc(100% - 222px);
        text-align: left;
    }
    .list-view .cat3-prod-list-infos {
        padding-bottom: 2px;
    }
    #stepReglement .choix-reglement {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #stepReglement .separator {
        display: block;
        width: 70%;
        background-color: #B4B4B4;
        margin: 25px 0;
        position: relative;
        height: 2px;
    }
    #stepReglement .separator span {
        top: -21px;
        left: 43%;
        padding: 0 15px;
    }
    #validation-devis-infos {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }
    .bg-total {
        display: flex;
        justify-content: space-around;
        flex-direction: row;
    }
    .paiement-ttHt-separator {
        height: auto;
        width: 1px;
    }
    #validation-devis-infos .right-bloc {
        margin-top: 25px;
        display: block;
    }
    .modeRegelement.cartes {
        height: 138px;
        width: 49%;
        float: left;
    }
    .modeRegelement.credit {
	    height: 138px;
		width: 70%;
		float: none;
		margin: auto;
		margin-top: 15px;
    }
    .titleReglement {
        font-size: 18px;
    }
    .carts-label {
        height: auto;
        line-height: 55px;
    }
    .montant-lign-ok,
    .montant-lign-ko {
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .btn-close-simulator {
        width: 350px;
    }
    .right-bloc-adress {
        padding-left: 0;
        margin-top: 25px;
        border-top: solid 1px #a9a9a9;
        padding-top: 15px;
    }
    .left-bloc-adress {
        border-right: none;
    }
    #validation-devis-infos .vertical-separator-no-credit.contact-paiement {
        display: none;
    }
    #validation-devis-infos .contact-no-credit,
    #validation-devis-infos .paiement-no-credit {
        width: 100%;
        align-self: auto;
    }
    #validation-devis-infos .paiement-no-credit .modeRegelement.cartes {
        height: 118px;
        width: 100%;
        max-width: 400px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
    .right-bloc-adress {
        padding-left: 0;
        margin-top: 25px;
        border-top: solid 1px #a9a9a9;
        padding-top: 15px;
    }
    #page-catalogue .catalogue-btns {
        margin-left: 0px;
        position: absolute;
        left: 30px;
        top: 500px;
    }
    #page-catalogue .bg-catalogue {
        height: 705px;
    }
    #page-catalogue .right_img_cata {
        width: 335px;
    }
    #page-catalogue .img-catalogue img {
        width: 315px;
    }
    #page-catalogue .img-catalogue {
        width: 335px;
    }
    #page-catalogue .title-edition {
        width: calc(100% - 310px);
        margin-left: 310px;
    }
    #page-catalogue .presentation-catalogue {
        width: calc(100% - 310px);
        margin-left: 310px;
    }
    #page-catalogue .catalogueLi {
        padding-left: 0;
        margin-right: 0;
        margin-left: 5px;
        float: left;
    }
    #page-contact .title-contact {
        text-align: center;
    }
    #page-contact .how-works-list {
        text-align: center;
    }
    #page-contact .btnPartener {
        width: 90% !important;
        max-width: 450px;
        margin: auto;
    }
    .show-below-767 {
        display: block;
    }
    .hide-below-767 {
        display: none;
    }
    #page-contact div.form-group.tel{
        padding-right: 0;
    }
    #page-contact #message_contact{
        width: 99%;
    }
    #page-contact .background-img-devis-express {
        height: 100vw;
        background-position-y: 12px;
    }
    #page-contact .btnDefault {
        font-size: 24px !important;
        padding: 12px;
        margin-top: 25px;
    }
	
	.containerTop .priceBloc {
    float: none!important;
    width: 100%!important;
    clear: both;
    }
    .containerTop .shortDesc {
    float: none!important;
    width: 100%!important;
    clear: both;
    text-align: left;
    }
    .slidImg {
        float: none;
        width: 55%;
        clear: both;
        margin: auto;
    }
    
    .containerTop .pdtdetails{
        text-align: center;
    }
	
	.tuserBan .myClassS:has(input:checked) , .tuserBan .myClassP:has(input:checked){
		border: solid 1px #0171bc;
	}
	
	.tuserBan .myClassS:has(input:checked) .tuser , .tuserBan .myClassP:has(input:checked) .tuser{
		color:  #0171bc;
	}
		
	.tuserBan .myClassS , .tuserBan .myClassP{
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		gap: 9px;
		border-radius: 5px;
		border: solid 1px #a9a9a9;
		width: 30%;
		height: 84px;
		padding: 51px 0;
		position:relative;
		padding: 43px 0 70px 0;
		background-color: #fff;
	}
	.tuserBan label.tuser {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		margin: 0;
		padding: 35px 55px;
		}
	.myClassD {
		padding-bottom: 15px;
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 41px;
	}
	.myClassS {
		margin-right: 0;
	}
	.tuserBan input {
		position: absolute;
		bottom: 20px;
	}
	.myClassD .tuser {
		font-size: 18px;
	}
	.myClassD .tuser i {
		font-size: 25px;
	}
	
	.modeRegelement.cartes {
	   height: auto;
	   width: 70%;
	   float: none;
	   margin: auto;
	}
	.recupUser .myClassD.myClassS {
	   border: unset;
	   background-color: unset;
	   padding: 0;
	   height: 25px;
	   margin: auto;
	   margin-top: 15px;
	}
	.recupUser .myClassD.myClassS .tuser {
	   border: unset;
	   background-color: unset;
	   display: flex;
	   flex-direction: row;
	   gap: 7px;
	   padding: 0;
	}

	#sirenConf {
		width: 100%;
		position: relative;
		left: unset;
		margin-top: 15px;
	} 
	    #confirmation-devis .account-bloc {
        width: 90%;
    }
    
    #confirmation-devis #account-support {
        display: flex;
        width: 100%;
        text-align: center;
        max-width: 100%;
        gap: 25px;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
	
    #confirmation-devis .support-bloc {
        width: 90%;
    }
	
	#confirmation-devis .instructions-steps { 
        display: flex;
        width: 90%;
        max-width: 600px;
        flex-direction: column;
        margin: auto;
        gap: 0;
    }
    #confirmation-devis .steps-separator { 
        display: none;
    }
    #confirmation-devis .steps-mobile-separator{
        display: block;
        width: 100px;
        margin: auto;
        height: 140px;
        margin-bottom: 10px;
    }
    #confirmation-devis .steps-mobile-separator svg path {
        stroke: #fff;
        stroke-width: 60px;
    }
    #confirmation-devis .support-bloc-commande {
        width: auto;
    }
    #confirmation-devis .mandat-fields>div {
        text-align: left;
    }
    #commande-paiement-error .paiement-badge span {
        width: 81%;
    }
	#about-us-page .img-pro-mission {
        position: static;
        right: unset;
        bottom: unset;
        max-width: 340px;
        order: 2;
        border-bottom: solid 4px #8CC63F;
        padding: 0 25px;
        max-height: unset;
        width: 100%;
    }
    #about-us-page .main-mission {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0px 10px 15px 10px;
    }
    #about-us-page .mission {
        padding-right: unset;
        order: 1;
    }
    #about-us-page .mission-explication {
        padding-right: unset;
        order: 3;
        margin-top: 25px;
    }
    #about-us-page .missions-task .part1 {
        display: flex;
        justify-content: center;
    }
    #about-us-page .missions-task .part2 {
        flex: 2;
    }
    #about-us-page .missions-task {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: auto;
        width: fit-content;
    }
    #about-us-page .missions-task>div {
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 22px;
        justify-content: flex-start;
        margin-bottom: 25px;
        gap: 15px;
    }
    #about-us-page .logos-partenaires {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        column-gap: 30px;
        row-gap: 35px;
        margin: 15px 10px;
        margin-bottom: 55px;
    }
	    #demande-devis-form .badges-rassurance {
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin: auto;
        margin-top: 5px;
        gap: 15px;
        width: max-content;
    }
    #demande-devis-form .badges-rassurance .badges-rassurance-element {
        display: flex;
        align-items: center;
        width: 100%;
        flex: 2;
    }
    #demande-devis-form .avantages .picto {
        margin: 0;
        width: 65px;
        height: 65px;
        display: block;
        margin-right: 15px;
    }
    #demande-devis-form .badge-text {
        width: auto;
        text-align: left;
        flex: 2;
    }
    #demande-devis-form .badge-text .span-part2{
        display: inline-block;
    }
    #demande-devis-form .title-section {
        font-size: 30px;
    }
    #demande-devis-form .btnDefault {
        font-size: 23px !important;
    }
	.leadHead{
		margin-top: 45px;
	}
	.cart-hover-view{
	 display: none!important;	
	}
	
	.loader {
        width: 50px;
        height: 50px;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
	
	#page-empty-cart .cart-title-icon{
		font-size: 45px;
	}
	.page-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 720px) {
    .display-simulator {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .size-right {
        display: none;
    }
    .select-simulator,
    .bg-montant-simulator {
        width: 100%;
        margin-bottom: 25px;
        margin-right: 0;
    }
    .select-simulator {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }
    .select-simulator .month-selector {
        width: 100%;
    }
    .txt-simulator {
        text-align: left;
    }
    .info-financement {
        margin-top: 5px;
    }
    .bg-montant-simulator {
        margin-bottom: 25px;
    }
    .size-down {
        display: flex;
    }
    #stepReglement .separator {
        display: block;
        width: 90%;
        background-color: #B4B4B4;
        margin: 25px 0;
        position: relative;
        height: 2px;
    }
    #page-catalogue .bg-catalogue {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
    }
    #page-catalogue .img-catalogue {
        width: 100%;
    }
    #page-catalogue .right_img_cata {
        width: 100%;
        order: 2;
    }
    #page-catalogue .img-catalogue img {
        width: 100%;
        max-width: 490px;
    }
    #page-catalogue .title-edition {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        order: 1;
        margin-bottom: 25px;
        margin-top: -10px;
    }
    #page-catalogue .presentation-catalogue {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        order: 4;
        text-align: justify;
        margin-top: 15px;
    }
    #page-catalogue .catalogue-btns {
        margin-left: 0px;
        position: unset;
        order: 3;
        width: 80%;
        margin-top: 25px;
    }
    #page-catalogue .btnCatalogueNew,
    #page-catalogue .btnCommandeNew {
        width: 100%;
    }
	
	.pladgForm {
        background-color: #0171bc;
        border-radius: 4px 4px 0px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
    }
    
    .pladgForm .titlepladgForm {
        font-size: 26px;
        width: 100%;
        text-align: center;
        margin-left: unset;
        padding: 10px 5px;
    }
    
    .pladgForm .closepladgForm{
        color: #67C2FF;
        margin-right: unset;
        width: 100%;
        text-align: center;
        background-color: #0066AA;
        padding: 6px 0;
        font-size: 20px;
    }
    .input-container #sirenCode {
        max-width: 95% !important;
    }
    
    .input-container i.iconSirenValide {
        position: absolute;
        left: unset;
        top: 10%;
        border-radius: 4px;
        font-size: 30px;
        color: #8cc63f;
        right: 20px;
    }
    
    #sirenConf {
        width: 100%;
        position: relative;
        left: unset;
        margin-top: 15px;
    }
	
	.input-container #sirenCode {
		max-width: 100% !important;
	}
	
	.input-container #raisonSocial {
	   max-width: 100% !important;
	   width: 100% !important;
	}

	.input-container #tel {
	   max-width: 100% !important;
	   width: 100% !important;
	}

	.btnSuiv {
	   max-width: 100% !important;
	   width: 100% !important;
	}
	.input-container i.iconRaisonValide {
	   position: absolute;
	   left: unset;
	   top: 8px;
	   right: 10px;
	}
	    #demande-devis-form .form-part {
        width: 95%;
        float: none;
        margin: auto;
        margin-top: -255px;
        margin-bottom: 5px;
    }
    #demande-devis-form .left-request-form-bloc {
        width: 100%;
        float: none;
        margin-bottom: 35px;
    }
    #demande-devis-form .arrow-title {
        display: none;
    }
    #demande-devis-form .title-demande-devis-bloc {
        max-width: unset;
        width: 100%;
        padding-right: 0;
    }
    #demande-devis-form .title-demande-devis {
        padding: 2px 0;
        margin-bottom: 25px;
        margin-top: 5px;
        margin-top: 15px;
    }
    #demande-devis-form .title-demande-devis>div {
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }
    #demande-devis-form .title-part2, #demande-devis-form .theme-title-part2 {
        display: block;
        text-align: center;
    }
    #demande-devis-form .title-demande-devis h1 {
        width: 100%;
    }
    #demande-devis-form .leadForm {
        border: none;
        padding: 0px !important;
        margin-bottom: 15px;
        margin-top: 175px;
    }
    #demande-devis-form .new-header .logo {
        text-align: center !important;
        margin: auto;
    }
    #demande-devis-form .form-title-bloc {
        padding-top: 75px;
    }
    #demande-devis-form .pictureB-parent, #demande-devis-form .theme-title, #demande-devis-form .fam-img-bloc, #demande-devis-form .support-phone{
        max-width: 100%;
        margin-left: unset;
    }
    #demande-devis-form .leadForm {
        max-width: 100%;
    }
    #demande-devis-form .title-section-container .title-section {
        border-bottom: 3px solid #8cc63f;
        display: inline;
        line-height: 45px;
    }
    #demande-devis-form .title-section-container {
        text-align: center;
    }
	
}

@media only screen and (max-width: 575px) {
    .cart-header-btn {
        margin-top: 1px !important;
    }
    .picturesF1 {
        border: none;
    }
    .mobile-right-flesh {
        display: block;
    }
    .titleF-dht {
        margin-top: 25px;
    }
    .desktop-phone-btns {
        display: none;
    }
    .inputSearch {
        width: 84%;
    }
    .h1-hp {
        font-size: 13px;
    }
    .head_new_mobile,
    #mobile-head {
        display: flex;
        align-content: space-between;
        justify-content: space-between;
        flex-direction: row;
        margin-right: 25px;
    }
    .compte-carts-mobile {
        width: 70px;
        display: flex;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-evenly;
        /* margin-right: 10px; */
    }
    .compte-carts-mobile div a i {
        font-size: 25px !important;
    }
    .counter-mobile {
        top: 10px;
        right: 33px;
        position: absolute !important;
    }
    .imgLogomobile {
        width: 210px;
    }
    .HomeImg {
        width: 170px;
        height: 170px;
    }
    .HomeImg>img {
        height: 160px;
    }
    .slick-slide {
        width: 190px !important;
    }
    .slick-track {
        margin-left: 0px !important;
    }
    .productinfo {
        height: 245px;
    }
    .txtH {
        width: 166px;
        font-size: 15px;
    }
    .bg-fam {
        background-color: #ffffff;
        padding: 0;
    }
    .shapF1 {
        background-color: #f5f5f5;
        margin-bottom: 14px;
        padding: 15px 14px;
        border: 1px solid #ccc;
    }
    .namePict {
        float: none !important;
        border: 1px solid #ccc;
        padding: 10px;
        background-color: #fff;
    }
    .head_new_mobile {
        display: none;
    }
    .search-desktop {
        display: none;
    }
    .infos-contact-desktop {
        display: none;
    }
    .new-header .logo {
        flex: 1;
    }
    .new-header .infos-contact-desktop {
        flex: 2;
    }
    .new-header .search-responsive {
        display: block;
    }
    .new-header .contact-smartphone-bloc {
        display: block;
    }
    .new-header .rayons-mobile-btn {
        display: block;
        margin: 0 4px;
    }
    .new-header .logo {
        display: block !important;
    }
    .header.rayons-mobile span {
        font-size: 12px !important;
    }
    .rayons-mobile-btn .rayons-mobile a {
        width: 44px !important;
    }
    .header-account-cart-btn-text {
        display: none;
    }
    .row-bloc {
        margin-top: 6px;
        margin-bottom: 5px;
    }
    .new-header .logo {
        flex: 0;
    }
    #accueil .container.hp-carrousel {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #accueil .container.hp-categories {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .new-header .imgLogo {
        width: 220px;
    }
    .account-cart-separator {
        height: 45px;
    }
    .compte-carts-mobile {
        padding-top: 0;
        margin-top: 0;
    }
    .smartphone-tagline {
        font-size: 19px;
        color: #0171bc;
        font-weight: 900;
        margin-bottom: 10px;
    }
    #accueil .float-left-mobile>img {
        width: 270px;
    }
    #accueil .presentez-produits .visual-mobile {
        position: absolute;
        left: 220px;
        top: 70px;
        width: 165px;
    }
    #accueil .presentez-produits {
        position: relative !important;
    }
    .rayons-mobile-btn {
        height: 50px;
        width: 45px;
    }
    .new-header .d-flex {
        padding: 0;
        height: 45px;
    }
    .new-header .rayons-mobile {
        padding: 0 5px !important;
    }
    .new-header.mm-slideout {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .catalogue-center {
        text-align: center;
        margin: auto;
    }
    .shapF1 {
        margin: 20px 0px;
        height: auto;
        width: 100%;
    }
    .allDivAMobile,
    .PriceMobile {
        display: block;
        text-align: center;
        margin-left: 0;
    }
    .rayAll {
        background-color: #fe8c05;
        padding: 10px;
        border-radius: 5px;
    }
    .shapF1 .allDivA {
        display: none;
    }
    .allRayon,
    .fleshAll {
        font-size: 23px;
        color: #ffffff;
    }
    .how-works-ul>li {
        font-size: 18px;
        color: #4D4B4B;
        margin-bottom: 20px;
        counter-increment: li;
    }
    .firstname input#nomHead,
    .tel input#telephone_deHead,
    .email input#email_deHead,
    textarea#demandeHead {
        font-size: 17px !important;
    }
    #devis-express-form button {
        margin-top: 20px;
        white-space: normal;
    }
    .row.center.trust-logo {
        width: 90%;
        text-align: center;
        margin: auto;
    }
    .shapF1 .allRayon {
        padding: 5px 5px;
    }
    .cat3-prod-list-pic {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    .cat3-prod-list-infos .logoAdver {
        float: none;
    }
    .cat3-prod-list-infos {
        text-align: center;
    }
    .cat3-prod-list-infos .fastdesc i {
        display: none;
    }
    #mobilePdtF3 .cat3-price {
        position: relative !important;
        right: auto;
        width: 100%;
        text-align: center;
    }
    .grid-view .grey-block-grid {
        width: 95%;
    }
    .cat3-cat-filtering {
        column-count: 2;
        column-gap: 15px;
    }
    .list-view .logoAdver {
        display: none;
    }
    .list-view .cat3-picture-border {
        position: relative;
    }
    .list-view .logo-f3-mobile {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .list-view .btn-f3-fiche-mobile {
        display: block;
    }
    .list-view .cat3-picture-border {
        margin-top: 7px !important;
    }
    #validation-devis-infos .right-bloc {
        margin-top: 25px;
        display: flex;
    }
    .modeRegelement.cartes {
        height: auto;
        width: 100%;
        float: none;
        margin-bottom: 0px;
    }
    .modeRegelement.credit {
        height: 138px;
        width: 100%;
        float: none;
    }
    .titleReglement {
        font-size: 20px;
    }
    .bg-total {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }
    .paiement-ttHt-separator {
        width: auto;
        height: 1px;
    }
    .infos-simulator-details {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .montant-lign-ok,
    .montant-lign-ko {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .displayTt {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        flex-direction: column;
    }
    .closeSimulator .hide-btn-text {
        display: none;
    }
    .btn-save-coordonnees {
        width: 90%;
    }
    .res-infos-fds {
        width: 100%;
    }
    .txtDataD {
        padding-right: 0;
    }
    #resultDataLiv div {
        padding-right: 0;
    }
    #resultDataFact div {
        padding-right: 0;
    }
    .price-no-credit .bg-total-empty {
        flex-direction: column;
    }
    #validation-devis-infos .paiement-ttHt-separator-no-credit {
        height: 1px;
        width: 100%;
    }
    .txt-aide-recap .telSize {
        display: block;
    }
    .logos-recap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 12px;
    }
    .bank-logo img {
        max-width: 170px;
    }
    .disSirenCompany {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 15px;
        font-size: 16px;
        align-items: center;
        text-align: center;
    }
    #page-contact .background-img-devis-express {
        height: 120vw;
        background-position-y: -4px;
    }
    .hide-below-575{
        display: none;
    }
    #page-catalogue .turn-to-main-btn-below-575{
        background-color: #fe8c05;
    }
    #page-catalogue .turn-to-main-btn-below-575 a{
        color: #fff;
    }
	#page-contact .captcha-contact {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 18px;
	}
	.tuserBan .myClassS, .tuserBan .myClassP {
		width: 40%;
	}
	
	.btn-send-demande-financement {
		width: 90%;
	}
	
	#page-paiement .page-title {
        text-align: center;
    }
	#about-us-page .mission {
        font-size: 28px;
        line-height: 50px;
    }
    #about-us-page .title-level-1 {
        font-size: 26px;
    }
    #about-us-page .photo-professionnels {
        margin-top: 35px;
    }
    #about-us-page .two-catalogues .img-v2 img {
        width: 190px;
    }

    #about-us-page .two-catalogues .img-v2 .img-1 {
        left: calc(50% - 170px);
    }
	    #demande-devis-form .pictureB {
        width: 120px;
    }
    #demande-devis-form .pictureB .imgPic {
        max-width: 100%;
    }
    #demande-devis-form img.devis-icon {
        position: absolute;
        right: -30px;
        bottom: -35px;
        width: 50px;
    }
    #demande-devis-form .badges-rassurance .badges-rassurance-element {
        display: flex;
        align-items: center;
        width: 100%;
        flex: 2;
        flex-direction: column;
    }
    #demande-devis-form .avantages .picto {
        margin: 0;
        width: 105px;
        height: 105px;
        display: flex;
        margin-bottom: 10px;
    }
    #demande-devis-form .badge-text {
        text-align: center;
    }
    #demande-devis-form .badges-rassurance {
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
        width: max-content;
        gap: 0;
    }
	
	.loader {
		width: 25px;
		height: 25px;
	}
	
	#contentDesc h2 {
        text-align: center !important;
        border-bottom: unset !important;
        width: 100%;
    }

	#contentDesc .table-label {
		width: unset;
	}
}

@media only screen and (max-width: 480px) {
    #about-us-page .avantages-part1 .part2 {
        position: static;
        left: unset;
        top: unset;
    }
    #about-us-page .avantages-part1 .avantages-element .element {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: relative;
        padding-left: unset;
    }
    #about-us-page .avantages-part1 .part1 {
        text-align: center;
    }
    #about-us-page .avantages-part1 .part3 {
        text-align: center;
        margin: 10px 0;
    }
    #about-us-page .mission {
        font-size: 25px;
        line-height: 36px;
        margin-top: 15px;
    }
    #about-us-page .btn-cta {
        font-size: 22px;
        width: 90%;
    }
    #about-us-page .two-catalogues .img-v2 img {
        width: 150px;
    }
    #about-us-page .two-catalogues .img-v2 {
        min-height: 230px;
        margin-bottom: 15px;
    }
    #about-us-page .two-catalogues .img-v2 .img-1 {
        left: calc(10%);
    }
    .img-v2 .img-2 {
        left: calc(40%);
    }
}

@media only screen and (max-width: 420px) {
    #about-us-page .chiffres-cles {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 25px;
    }
    #about-us-page .container.chiffres-cles>div>.part1 {
        line-height: 55px;
    }
    #about-us-page .missions-task>div {
        text-align: left;
        display: flex;
        flex-direction: column;
        font-size: 22px;
        justify-content: flex-start;
        margin-bottom: 25px;
        gap: 15px;
        align-items: center;
        width: 100%;
    }
    #about-us-page .missions-task .part2 {
        text-align: center;
    }
    #about-us-page .missions-task .part2 .text-part2 {
        display: block;
    }
    #about-us-page .avantages-part2 .avantages-element .group-part {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #about-us-page .avantages-part2 .avantages-element .group-part-content {
        flex: 2;
        border-bottom: solid 1px #EFEFEF;
        border-bottom: solid 2px #EFEFEF;
        padding-bottom: 15px;
        margin-bottom: 15px;
        width: 100%;
    }
    #about-us-page .avantages-part2 .avantages-element .group-part:last-child .group-part-content:last-child{
        border-bottom: unset;
    }
    #about-us-page .avantages-part2 .avantages-element .h-flex-separator {
        display: none;
    }
    #about-us-page .recherche-equip-service .img-bloc {
        height: auto;
        margin-top: -245px;
        width: 100%;
        max-width: 285px;
    }
    #about-us-page .img-pro-mission {
        width: 100%;
        max-width: 275px;
    }
    #about-us-page .exposition-produits-service .img-bloc {
        height: auto;
        margin-top: -285px;
        width: 100%;
        max-width: 255px;
    }
    #about-us-page .mission {
        font-size: 24px;
        line-height: 36px;
        margin-top: 15px;
    }
    #about-us-page .mission-explication {
        font-size: 20px;
    }
    #about-us-page .title-level-1 {
        font-size: 24px;
        line-height: 35px;
    }
    #about-us-page .title-level-2 {
        font-size: 22px;
        margin-bottom: 5px;
        line-height: 33px;
    }
    #about-us-page .services .title-service {
        font-size: 24px;
        line-height: 35px;
    }
    #about-us-page .service-explication {
        font-size: 20px;
        line-height: 35px;
        margin: 0 10px;
    }
    #about-us-page .avantages-part2 {
        margin-top: 5px;
    }
    #about-us-page .avantages-part2 .avantages-element {
        margin: 5px 0;
    }
    #about-us-page .avantages-part2 .part2 {
        font-weight: 600;
        color: #3b3b3b;
    }
	    #demande-devis-form .title-part2, #demande-devis-form .theme-title-part2 {
        display: inline;
        text-align: center;
    }
    #demande-devis-form #submitForm .btn-label-part2{
        display: none;
    }
    #demande-devis-form .trust-logo-part {
        width: 70%;
        display: flex;
        justify-content: space-around;
        flex-wrap: nowrap;
    }
    #demande-devis-form .theme-title {
        font-size: 21px;
    }
    #demande-devis-form .title-section {
        font-size: 26px;
    }
    #demande-devis-form #back-to-leadForm {
        display: flex;
        flex-direction: column-reverse;
    }
    #demande-devis-form .title-demande-devis h1 {
        font-size: 26px;
        line-height: 35px;
    }
    #demande-devis-form .title-demande-devis {
        margin-top: 15px;
    }
    #demande-devis-form .new-header .imgLogo {
        width: 220px;
    }
}

@media only screen and (max-width: 380px) {
    #accueil .presentez-produits .visual-mobile {
        position: absolute;
        left: 140px;
        top: 70px;
        width: 165px;
    }
    .new-header .imgLogo {
        width: 173px;
    }
    .row.center.trust-logo {
        width: 90% !important;
    }
    .rayons-mobile-btn {
        height: 50px;
        width: 40px;
    }
    .rayons-mobile-btn .header a {
        width: 40px !important;
    }
    .rayons-mobile-btn .header span {
        font-size: 11px !important;
    }
    .cat3-cat-filtering {
        column-count: 1;
        column-gap: 0px;
    }
    .bank-logo {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .logos-recap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 12px;
        flex-direction: column;
    }
    .bank-logo img {
        max-width: auto;
    }
	
	.closeSimulator {
		display: none !important;
	}
	
	.modeRegelement.cartes {
	   height: auto;
	   width: 96% !important;
	   float: none;
	   margin: auto;
	}
	
	#confirmation-devis .support-img {
        border-bottom: solid 2px #C9C9C9;
        margin: 0 0;
        margin-bottom: 15px;
    }
    
    #confirmation-devis .support-img img{
        width: 100%;
    }
	.grid-pdt-fam2 .product-element {
        flex: auto;
        width: 100%;
        min-width: 250px !important;
        max-width: 350px !important;
    }
}

@media only screen and (max-width: 420px) {
    .cat3-cat-filtering {
        column-count: 1;
        column-gap: 0px;
    }
    .account-cart-separator {
        height: 45px;
        display: none;
    }
    .choix-reglement .cartes {
        padding-right: 0;
    }
    .txt-simulator {
        margin-top: 25px;
    }
    .displayImg {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 4px;
        flex-direction: column;
    }
    .displayImg .text-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .displayTableRecap>div {
        display: flex;
        flex-direction: column;
    }
    .displayTableRecap>div div {
        text-align: center !important;
        width: 100%;
    }
    #page-contact .background-img-devis-express {
        height: 190vw;
        background-position-y: 26px;
    }
	
	 #commande-paiement-error  .paiement-badge span {
        position: absolute;
        top: -12px;
        width: 95%;
    }
    #commande-paiement-error .paiement-badge span {
        position: absolute;
        top: -12px;
        width: 95%;
        font-size: 15px;
        padding: 0;
    }
    #commande-paiement-error .displayPay>div {
        width: 33%;
    }
    #commande-paiement-error .displayPay>div img{
        width: 100%;
    }
    #commande-paiement-error .paiement-badge {
        padding: 20px 10px;
        margin-bottom: 70px;
    }
    #commande-paiement-error .title-confirmation-text {
        color: #006bb3;
        font-size: 25px;
    }
    #commande-paiement-error .error-subtitle {
        max-width: 90%;
    }
    #commande-paiement-error .error-type-value {
        padding: 15px 10px;
    }
    #commande-paiement-error .paiement-retry-btn {
        margin-top: 6px;
    }
	    #page-paiement span.exp-date-v2 {
        display: inline-block;
    }
    #page-paiement span.exp-date-v1 {
        display: none;
    }
    #page-paiement .paiement-content-bloc .paiement-badge span {
        position: absolute;
        top: -12px;
        width: 95%;
    }
    #page-paiement .paiement-content-bloc .displayPay div {
        max-width: 30%;
    }
    #page-paiement .paiement-content-bloc .displayPay div img {
        width: 100%;
    }
    #page-paiement .montant-bloc-vlaue {
        margin-right: unset;
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 480px) {
	#resultDataLiv>div>div:first-child,#resultDataFact>div>div:first-child {
	   padding-right: 0;
	}
	
	#stepReglement .displayPay {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        gap: 30px;
    }
	
	#confirmation-devis .support-img {
		border-bottom: solid 2px #C9C9C9;
		margin: 0px 20px;
		margin-bottom: 15px;
	}
	
	    #page-paiement  span.num-card-v2 {
        display: inline-block;
    }
    #page-paiement  span.num-card-v1 {
        display: none;
    }
    #page-commande-bloc-paiement {
        width: 100%;
    }
    #page-paiement span.num-card-v1 {
        display: none;
    }
    #page-paiement span.num-card-v2 {
        display: inline-block;
    }
    #page-paiement span.card-type-suppl {
        display: none !important;
    } 
    #page-paiement #payment-form .card-type {
        min-width: 65px;
        height: 75px;
        overflow: visible;
        z-index: 9999;
    }
    #page-paiement .paiement-comment .comment-details {
        clear: both;
        margin-top: 25px;
    }
    #page-paiement .montant-bloc {
        margin-top: 15px;
    }
	    #demande-devis-form .badges-rassurance .badges-rassurance-element {
        display: flex;
        align-items: center;
        width: 100%;
        flex: 2;
        flex-direction: column;
    }
    #demande-devis-form .badge-text .span-part2 {
        display: block;
    }
    #demande-devis-form .footer-tag-part2 {
        display: inline;
    }
    #demande-devis-form .theme-title {
        font-size: 26px;
    }
    #demande-devis-form .title-section {
        font-size: 27px;
    }
	.description-mobile-separator{
        display: block;
    }
    .containerBottom .containerBottom-content {
        margin-top: -110px;
    }
	
}

@media only screen and (max-width: 380px) {
    .montant-lign-ok,
    .montant-lign-ko {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .btn-save-coordonnees-paiement {
        width: 90%;
    }
    .banc-border {
        width: 90%;
    }
    .banc-border span {
        width: 85%;
    }
    #stepReglement .separator span {
        top: -21px;
        left: 40%;
        padding: 0 15px;
        transform: translate(-50%, 50%);
    }
    .closeSimulator .hide-btn-text {
        display: block;
    }
    .simulatorCredit .displayTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
    }
    .closeSimulator {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 11px;
    }
    .modeRegelement.credit {
        height: 168px;
    }
    .btn-close-simulator {
        width: 90%;
    }
    #page-contact .background-img-devis-express {
        height: 280vw;
        background-position-y: 26px;
    }
	#stepReglement .displayPay {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        gap: 16px;
    }
	.input-container i.formpladgIcon{
        display: none;
    }
    .input-container input {
        padding-left: 10px!important;
    }
	    #page-paiement #payment-form .first-bloc {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 0px;
    }
    #page-paiement .paiement-content-bloc .paiement-badge {
        font-size: 15px;
        height: 70px;
    }
}

@media only screen and (max-width: 359px){
    #contentDesc .table-section-bloc {
        width: 100%;
        overflow-x: auto;
    }
    #contentDesc .table-section {
        width: 420px !important;
        overflow-x: auto;
        max-width: unset;
    }
}

@media only screen and (min-width: 768px) and (max-width: 816px) {
    .txt-img-cover {
        line-height: 30px;
    }
    #stepReglement .choix-reglement {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #stepReglement .separator {
        display: block;
        width: 70%;
        background-color: #B4B4B4;
        margin: 25px 0;
        position: relative;
        height: 2px;
    }
    #stepReglement .separator span {
        top: -21px;
        left: 43%;
        padding: 0 15px;
    }
    #validation-devis-infos .contact-no-credit,
    #validation-devis-infos .paiement-no-credit {
        width: 45%;
        align-self: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1111px) {
    .txt-img-cover {
        line-height: 28px;
    }
    #validation-devis-infos .price-no-credit {
        width: 28%;
    }
    #validation-devis-infos .paiement-no-credit {
        width: 32%;
    }
    #validation-devis-infos .contact-no-credit {
        width: 40%;
    }
}

.grid-f3-product-infos {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 125px;
}

.grid-view h2.titlePdt {
    height: 53px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gridf3-fastdesc-codefiche {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 75px;
}

.gridf3-fastdesc-codefiche .fastdesc p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 19px;
}

.gridf3-fastdesc-codefiche .fastdesc {
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zeynep ul > li.has-submenu:hover > a, .zeynep .submenu ul > li:hover {
color: #0071bc!important;
}

.zeynep li.has-submenu a > i{
width: 28px;
text-align: center;
}

@media only screen and (max-width: 320px){
	.myClassD {
		padding-bottom: 15px;
		display: flex;
		width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		align-content: center;
	}
	.tuserBan .myClassS, .tuserBan .myClassP {
		width: 70%;
	}
	    #demande-devis-form .fam-img img {
        width: 100px;
        height: 100px;
    }
    #demande-devis-form .fam-img {
        width: 100px;
        height: 100px;
    }
    #demande-devis-form .fam-img img.left {
        left: -70px;
    }
    #demande-devis-form .fam-img img.right {
        right: -70px;
    }
    #demande-devis-form .new-header .imgLogo {
        width: 220px;
    }
	.grid-pdt-fam2 .product-element {
        flex: auto;
        width: 100%;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}