/*
Theme Name:  Sonimen
Theme URI:   http://starterdivi.kinsta.cloud
Version:     1.0
Description: Theme Enfant Divi
Author:      adminAT66
Author URI:  http://starterdivi.kinsta.cloud
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

@view-transition {
    navigation: auto;
}

body:has(.marques-select) {
    .et-db #et-boc .et-l .et_pb_column_10_tb_footer {
        margin-top: 0 !important;
    }
}

.products-list-wrapper {
    display: flex;
    flex-direction: column-reverse;


    .marques-select {
        margin: 25px 0;
        font-size: 16px;
        padding: 7px;
        border: none;
        scale: 1.3;
    }
}

.marques {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;

    .marque {
        max-width: 100px;
        max-height: 45px;
    }
}

.product-img {

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}


/*=== Footer New ===*/
#menu-raccourcis .et_mobile_nav_menu,
#Footer-global .et_mobile_nav_menu,
#Footer-mentions .et_mobile_nav_menu {
    display: none !important;
}

#menu-raccourcis .et_pb_menu__menu,
#Footer-global .et_pb_menu__menu,
#Footer-mentions .et_pb_menu__menu {
    display: block !important;
    width: 100%;
}

#Footer-global .et_pb_menu__menu .et-menu {
    display: flex;
    flex-direction: column;
}

#Footer-global .et_pb_menu__menu .et-menu li:first-child a {
    color: #1497da !important;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
}

#Footer-global .et_pb_module {
    max-width: 200px;
    width: 20%;
}

#Footer-global .menu-column {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 1%;
}

#Footer-global .et_pb_module:first-child {
    display: flex;
    align-items: center;
}

@media all and (max-width: 980px) {
    #Footer-global .menu-column {
        justify-content: flex-start !important;
        width: 100%;
        gap: 4%;
    }

    #menu-raccourcis .et_pb_menu__wrap,
    #Footer-global .et_pb_menu__wrap,
    #Footer-mentions .et_pb_menu__wrap {
        background-color: transparent !important;
        justify-content: flex-start !important;
    }

    #Footer-global .et_pb_module:first-child {
        width: 100%;
        max-width: 100%;
        align-self: center;
        justify-content: center;
    }

    #Footer-global .et_pb_module {
        width: 48%;
        max-width: 48%;
    }

}

#Footer-global .footer-labels-text {
    text-align: center;
    line-height: 1;
}

#Footer-global .footer-labels {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#menu-mentions-legales {
    display: flex !important;
    flex-flow: row wrap;
    flex-direction: row !important;
    width: 100%;
}

#menu-mentions-legales li.menu-item:first-child a {
    color: #ffffff !important;
    font-weight: normal !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
}

#menu-mentions-legales li.menu-item:after {
    content: "";
    width: 2px;
    height: 10px;
    background-color: #1497da;
    position: absolute;
    right: 1px;
    top: 1px;
}

#menu-mentions-legales li.menu-item:last-child:after {
    display: none;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?op3851');
    src: url('fonts/icomoon.eot?op3851#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?op3851') format('truetype'),
        url('fonts/icomoon.woff?op3851') format('woff'),
        url('fonts/icomoon.svg?op3851#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

#menu-produits .dipl_modal_body p a {
    color: white !important;
}

#menu-produits .dipl_modal_body p a:hover {
    font-weight: 700;
}

#axeptio_main_button {
    bottom: 100px !important;
}


.mobile-menu {
    display: none;
}

@media only screen and (min-width: 981px) {
    #top-menu-nav {
        display: block !important;
    }

    .mobile-menu {
        display: none !important;
    }
}

@media only screen and (max-width: 980px) {
    #top-menu-nav {
        display: none !important;
    }

    .mobile-menu {
        display: block !important;
    }
}

#row-slider-home {
    padding-top: 83px;
}

/********* ********/
body #gform_wrapper_2 .gform_footer {
    justify-content: left !important;
}

body #gform_wrapper_2 .gform_footer .gform_button,
#gform_submit_button_4 {
    margin-top: 0px !important;
    padding: 8px 20px !important;
}

/********* Mobile Menu Collapse ********/

body .booked-form .field .checkbox-radio-block {
    display: flex;
    padding: 0;
    align-items: center;
    gap: 3%;
}

body .booked-form .field .checkbox-radio-block label {
    line-height: 14px;
}

#result-partenaires .et_pb_image_wrap img {
    width: 100%;
    height: 205px;
    object-fit: cover;
}

#gform_submit_button_1 {
    padding: 8px 20px !important;
}

/**** This hides the sub menu items on mobile ****/

#mobile_menu li ul.hide,
#mobile_menu1 li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/

#mobile_menu .menu-item-has-children,
#mobile_menu1 .menu-item-has-children {
    position: relative;
}

#mobile_menu .menu-item-has-children>a,
#mobile_menu1 .menu-item-has-children>a {
    background: transparent;
}

/**** This styles the icon and moves it to the right ****/

#mobile_menu .menu-item-has-children>a+span,
#mobile_menu1 .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

/**** Here you can swap out the actual icons ****/

span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #1497da;
    font-size: 16px;
    font-family: 'ETmodules';
}

span.menu-closed.menu-open:before {
    content: "\4d";
}

/* Textes */
h1 strong,
h2 strong {
    color: #1497da;
}

/* Top menu */
#et-secondary-menu {
    width: 100%;
}

ul#et-secondary-nav {
    display: flex;
    justify-content: flex-end;
}

#et-secondary-nav li.info-city {
    margin-right: auto;
}

#et-secondary-menu li a:before {
    font-family: 'icomoon' !important;
    color: #1497da;
    margin-right: 6px;
    font-size: 20px;
    vertical-align: bottom;
}

li.info-city a:before {
    content: "\e900";
}

li.info-city a,
li.info-number a {
    cursor: default;
}

li.info-city a:hover,
li.info-number a:hover {
    opacity: 1 !important;
}

span.city-name {
    font-weight: bold;
}

li.info-number a:before {
    content: "\e901";
}

li.info-quote a:before {
    content: "\e904";
}

li.info-cata {
    position: relative;
    margin-left: 30px;

    @media (max-width:980px) {
        display: none;
    }

    a {
        position: relative;

        &:before {
            content: "";
            background: url(https://univerture.com/wp-content/uploads/2020/09/catalog-icon.png);
            background-size: contain;
            width: 25px;
            height: 25px;
            position: absolute;
            background-repeat: no-repeat;
            left: -30px;


        }
    }
}

@media (min-width:980px) {

    #top-menu-univerture {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #top-menu-univerture .col-1,
    #top-menu-univerture .col-2 {
        width: 23% !important;
        min-width: 23% !important;
        margin: 0 1% 0 0 !important;
        flex-grow: 2;
    }

    /*#top-menu-univerture .col-3,
#top-menu-univerture .col-4{
  width: 12% !important;
  min-width: 11% !important;
  max-width: none;
  flex-grow: 1;
}*/
    #top-menu-univerture .col-3 {
        margin-left: 2%;
    }

    #top-menu-univerture .col-4 {
        margin-left: 1%;
    }

    #top-menu-univerture .col-4 .et_pb_image_wrap {
        padding-left: 3px;
    }

    #top-menu-univerture .col-4 .et_pb_image_wrap img {
        min-width: 24px;
    }

    #top-menu-univerture .col-5 {
        margin: 0 !important;
        position: initial !important;
        width: 8% !important;
        max-width: none !important;
        min-width: auto;
        flex-grow: 1;
    }

    #top-menu-univerture .logo {
        width: 90% !important;
    }

    #top-menu-univerture .col-2 label input {
        width: 80%;
        min-width: auto;
    }

    #top-menu-univerture .is-form-style input.is-search-input {
        height: 40px;
    }

}

@media (max-width:980px) {

    #top-menu-univerture .col-3,
    #top-menu-univerture .col-4,
    #top-menu-univerture .col-5 {
        display: none;
    }

    #top-menu-univerture .col-3 {
        width: auto;
    }
}

/* Full screen Menu Produits */

.dipl_modal_body .et_pb_column_3_5 span.et_pb_image_wrap img {
    max-height: 60px;
    width: auto;
}

#menu-produits.dipl_modal_0_tb_footer_module .dipl_modal_body {
    padding-top: 55px !important;
}

@media (min-width: 981px) {
    #menu-produits.dipl_modal_0_tb_footer_module .dipl_modal_body .et_pb_column_1_5 {
        width: initial;
    }
}

#full-screen-menu {
    position: fixed;
    top: 0;
    min-width: 100vw;
    min-height: 100vh;
    z-index: 9999;
    display: none;
    left: -100vw;
    transition: 1s;
}

#full-screen-menu.show {
    transition: 1s;
    left: 0;
}

#close-menu {
    cursor: pointer;
}

#full-screen-menu .et_pb_blurb_description {
    margin-top: 0px;
}

#full-screen-menu .et_pb_blurb_position_top .et_pb_main_blurb_image {
    margin-bottom: 10px;
}

#full-screen-menu .et_pb_column_3_5 .et_pb_main_blurb_image .et_pb_image_wrap {
    text-align: center;
}

#full-screen-menu .et_pb_column_3_5 .et_pb_main_blurb_image .et_pb_image_wrap img {
    width: auto;
}

/*Menu Site Univerture*/
@media screen and (min-width: 981px) {

    .site-id-1 #page-container {
        padding-top: 0px !important;
    }

    .et_pb_pagebuilder_layout {
        padding-top: initial;
    }
}

.is-form-style input.is-search-input {
    border-radius: 5px 0px 0px 5px !important;
    min-width: 300px;
}

button.is-search-submit {
    border: none;
}

span.is-search-icon {
    top: 0px;
    position: absolute;
    border-radius: 0px 5px 5px 0px;
}

#top-menu-univerture .et_pb_column.et_pb_column_1_5.et_pb_column_4_tb_header {
    position: absolute;
    right: 0;
}

#top-menu-univerture .et_pb_column_3_tb_header {
    /*margin-right: 2% !important;*/
}

#blue-button-top-menu .et_pb_main_blurb_image {
    margin-bottom: 0px !important;
    ;
    margin-top: 10px;
}

#blue-button-top-menu .et_pb_blurb_container {
    margin-top: -20px !important;
    line-height: 20px;
}

.blurb-top-menu .et_pb_blurb_description {
    margin-top: -5px;
}

.site-id-1 #menu-produits .et-menu {
    margin: initial;
}

.site-id-1 #menu-produits ul.sub-menu {
    padding: 0px !important;
}

.site-id-1 #menu-produits ul.sub-menu a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.site-id-1 #menu-produits .et-menu .menu-item-has-children>a:first-child {
    padding-right: 0px;
}

.site-id-1 #menu-produits ul#menu-menu li:not(.parlons-maison) {
    padding-top: 10px;
}

.site-id-1 #menu-produits ul#menu-menu li {
    margin-right: 0px !important;
    padding-bottom: 8px;
}


.site-id-1 #menu-produits ul li a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px !important;
    color: #666666 !important;
}

.site-id-1 #menu-produits ul li:first-child {
    margin-left: 0px;
}

.site-id-1 #menu-produits ul li.parlons-maison {
    background-color: #3a3f44;
    max-width: 125px;
    min-width: 125px;
    max-height: 60px;
    color: #fff !important;
    /*line-height: 20px;
  display: list-item !important;
  list-style-image: url(./img/home-icon.png);
  list-style-position: inside;*/
    padding: 0 !important;
    position: absolute;
    right: 0px;
    line-height: 1;
    background-image: url(./img/home-icon.png);
    background-position: 8%;
    background-size: 22%;
    background-repeat: no-repeat;
}

.site-id-1 #menu-produits ul li.parlons-cuisine {
    background-color: #e5007d;
    max-width: 125px;
    min-width: 125px;
    max-height: 60px;
    color: #fff !important;
    /*line-height: 20px;
  display: list-item !important;
  list-style-image: url(./img/cuisine.png);
  list-style-position: inside;*/
    padding: 0 !important;
    position: absolute;
    right: 125px;
    line-height: 1;
    background-image: url(./img/cuisine.svg);
    background-position: 5%;
    background-size: 30%;
    background-repeat: no-repeat;
}


/*.site-id-1 #menu-produits ul li.parlons-maison a {
  position: relative !important;
  display: block !important;
  top: -20px !important;
  right: -5px !important;
  color: #fff !important;
  padding: 10px 5px;
  text-align: right;
}*/

.site-id-1 #menu-produits ul li.parlons-maison a,
.site-id-1 #menu-produits ul li.parlons-cuisine a {
    position: relative !important;
    display: block !important;
    color: #fff !important;
    padding: 10px 5px 10px 30px;
    text-align: center;
}

.site-id-1 #menu-produits ul li.menu-item:not(.parlons-maison) a:after,
.site-id-1 #menu-produits ul li.menu-item:not(.parlons-cuisine) a:after {
    display: none;
}


/*Menu*/
#menu-produits .et_pb_menu__menu,
#menu-produits .et-menu-nav,
#menu-menu {
    width: 100%;
}

#menu-menu li a {
    text-align: center;
}


ul#menu-menu {
    padding: 44px 0px;
}

ul#menu-menu li {
    display: inline;
    margin: 0px 10px;
}

body:not(.site-id-1) #et-top-navigation {
    padding-left: 240px !important;
    width: 100%;
}

body:not(.site-id-1) #top-menu li {
    padding-right: 1.5vw;
}

body:not(.site-id-1) #top-menu li a {
    text-align: center;
}

body:not(.site-id-1) #top-menu {
    display: flex;
    justify-content: space-between;
    margin-right: 1%;
    float: none;
}

body:not(.site-id-1) header#main-header {
    background: #fff !important;
}

body:not(.site-id-1) #et_top_search {
    position: absolute;
    right: 0;
    bottom: 6px;
    height: 50%;
}

@media (min-width:960px) and (max-width:1130px) {
    body:not(.site-id-1) #et_top_search {
        height: 15%;
    }
}

@media (max-width:959px) {
    body:not(.site-id-1) #et_top_search {
        right: 32px;
        bottom: 25px;
    }
}

body:not(.site-id-1) #top-menu-nav {
    width: 100%;
}

@media only screen and (min-width: 981px) {
    body:not(.site-id-1) #logo {
        max-height: 119px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1426px) {
    div#et_top_search {
        margin-top: -62px;
        margin-right: 10px;
    }
}

/* TEMPORAIRE - À REMETTRE QUAND CATALOGUE PRODUITS DISPO */
/* #top-menu .hamburger-item {
  display: none;
} */

.hamburger-item a {
    line-height: 18px;
}

.hamburger-item a:after {
    content: "\e902";
    font-size: 18px;
    margin-left: 10px;
    vertical-align: text-top;
    font-family: 'icomoon' !important;
    color: #1497da;
}

.mobile_menu .hamburger-item a:after {
    font-size: 15px;
    line-height: 18px;
}

#top-menu-nav>ul>li>a:hover,
.et-fixed-header #top-menu-nav>ul>li.current-menu-item>a {
    opacity: 1;
    color: #1497E0 !important;
}

#et-top-navigation #et_search_icon:before {
    content: url("./img/search_icon.svg");
    top: -7px;
}

header#main-header {
    background-color: transparent;
    padding-top: 7px;
}

header#main-header.et-fixed-header {
    background-color: #fff;
}

header#main-header.et-fixed-header .logo_container img#logo {
    min-height: 130%;
    max-height: 80px !important;
}

/*div#et-main-area {
  margin-top: -50px;
}
*/
.home div#et-main-area {
    margin-top: -105px !important;
}

/* Page produit */
#products {
    margin-top: 5%;
}

#label-product .labels {
    display: inline-flex;
}

/* Search Results img */
.search-results img {
    max-height: 300px;
    width: auto;
}


/*Modal Produits*/
.dipl_modal_0_tb_footer_module.dipl_active_modal .dipl_animated {
    animation-name: dipl_animate_slide_right;
}

.dipl_modal_0_tb_footer_module .dipl_animated {
    opacity: 0%;
    animation-duration: 1000ms;
    animation-timing-function: ease-in-out;
    transform: translate3d(-100%, 0, 0);
}

.dipl_modal_0_tb_footer_module .dipl_modal_inner_wrap {
    height: 100vh !important;
    width: 100vw !important;
    background-color: #3a3f44 !important;
}

.dipl_modal_0_tb_footer_module .et_pb_text_20_tb_footer {
    height: 200px;
    transform: translateX(0px) translateY(45px) rotateX(0deg) rotateY(0deg) rotateZ(-90deg);
}

.dipl_modal_0_tb_footer_module .et_pb_text_20_tb_footer h4 {
    font-size: 40px;
    color: #ffffff !important;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
}

.dipl_modal_0_tb_footer_module .et_pb_column_3_5 .et_pb_main_blurb_image .et_pb_image_wrap {
    width: 60px;
}

.dipl_modal_0_tb_footer_module .et_pb_column_3_5 .et_pb_blurb .et_pb_module_header {
    font-weight: 800;
    font-size: 20px;
}

.dipl_modal_0_tb_footer_module .et_pb_column_3_5 .et_pb_blurb_description {
    margin-top: 0px;
}

.dipl_modal_0_tb_footer_module .et_pb_column_1_5 .et_pb_module_header {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff !important;
}

.dipl_modal_0_tb_footer_module .dipl_modal_header {
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
}

.dipl_modal_0_tb_footer_module .dipl_modal_close_icon {
    color: #fff;
    font-size: 32px !important;
}

body.tax-produits #menu-produits.dipl_modal_0_tb_footer_module .dipl_modal_body {
    padding-top: 0px !important;
}

#credits .et_pb_module.et_pb_text {
    margin-bottom: 9px !important;
}


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

    #page-container {
        padding-top: 175px !important;
    }

    #main-header {
        top: 45px !important;
    }

    body:not(.site-id-1) #main-header {
        top: 40px !important;
    }

    .admin-bar #main-header {
        top: 70px !important;
    }

    #logo {
        max-height: 118%;
        margin-left: -16px;
    }

    .et_header_style_left #et-top-navigation {
        padding: 40px 0 0 0;
    }
}

/* Mobile Menu */
@media screen and (max-width: 980px) {

    .et_pb_menu__wrap {
        background: #e8e8e8;
    }

    .site-id-1 #menu-produits ul li.parlons-maison {
        min-width: 100%;
    }

    .desktop-menu-item {
        display: none;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        margin-top: 20px
    }

    #et-top-navigation #et_search_icon:before {
        top: 22px;
    }

    .et_search_outer {
        height: 125px !important;
    }

    .container.et_search_form_container.et_pb_search_visible {
        height: 100% !important;
    }

    .et_header_style_left .et-search-form {
        width: 80% !important;
        max-width: 80% !important;
        background: #fff !important;
    }

    .logo_container a {
        position: absolute;
        text-align: center;
        width: 100%;
    }

    #top-header {
        min-height: 45px;
    }

    #top-header,
    div#et-secondary-menu,
    ul#et-secondary-nav {
        display: block !important;
    }

    #top-header .container {
        padding-top: 0.75em !important;
        width: 90vw;
    }

    .info-quote {
        display: none !important;
    }

    #et-secondary-nav li.info-city {
        position: absolute;
        left: 0px;
    }

    #et-secondary-nav li.info-number {
        position: absolute;
        right: 0px;
        margin-right: 0px;
    }

    .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {
        top: 90px !important
    }

    #page-container {
        padding-top: 190px !important;
    }

    div#top-menu-univerture {
        max-width: 310px;
    }

    div#menu-produits {
        min-width: 310px;
        max-width: 310px;
    }

    /* div#top-menu-univerture .et_pb_image_wrap {
  max-width: 200px;
  float: left;
  margin-bottom: 30px;
} */

    .et-db #et-boc .et-l div#top-menu-univerture .et_pb_column_1_tb_header {
        margin-left: 0px;
    }

    #top-menu-univerture .et_pb_column.et_pb_column_1_5 {
        margin-bottom: 0px;
    }

    div#bottom-menu {
        padding-bottom: 10px;
        padding-top: 10px;
        position: fixed;
        bottom: 0;
        display: none;
    }

    #bottom-menu .et_pb_column.et_pb_column_1_3 {
        width: 31vw !important;
        margin-bottom: 0px;
        padding-left: 50px;
        padding-right: 50px;
    }

    #bottom-menu .et_pb_blurb_3_tb_header {
        float: left;
    }

    #bottom-menu .et_pb_blurb_5_tb_header {
        float: right;
    }

    #bottom-menu .et_pb_row {
        width: 100vw !important;
    }

    #bottom-menu .et_pb_blurb,
    #bottom-menu .et_pb_blurb_4_tb_header .et_pb_blurb_content {
        max-width: 33vw !important;

    }

    #bottom-menu .et_pb_image_wrap img {
        max-height: 24px;
    }

    #bottom-menu .et_pb_main_blurb_image {
        margin-bottom: 0px;
    }

    #bottom-menu .et_pb_blurb_description {
        margin-top: 0px;
    }

    #section-raccourcis .et_pb_column {
        width: 33.33%;
    }


}

@media screen and (max-width:479px) {
    #section-raccourcis .et_pb_column {
        width: 33.33% !important;
    }

}

@media screen and (max-width: 782px) {
    .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {
        top: 90px !important
    }
}

/* Footer */
#section-raccourcis {
    top: 20% !important;
}

.footer-text {
    color: #fff;
    font-weight: 600;
}

.footer-labels img:first-child {
    margin-right: 20px;
}

.footer-labels img {
    max-height: 63px;
}

.footer-labels {
    margin-top: 20px;
}

body:not(.site-id-1) .et-l--footer h3 {
    font-size: 20px !important;
}

/* CTA et social network fixed */
#social-network-fixed {
    position: fixed;
    top: 188px;
    left: calc((100vw - 1170px)/2 + 1170px + 15px);
    z-index: 9999;
    background: none;
}

#social-network-fixed .et_pb_row {
    padding: 0px;
}

#social-network-fixed a .icon {
    min-width: 40px;
    min-height: 40px;
}

#social-network-fixed .facebook {
    background-image: url("./img/facebook_icon.svg");
    margin-bottom: 15px;
}

#social-network-fixed .instagram {
    background-image: url("./img/instagram_icon.svg");
}

#cta-fixed {
    position: fixed;
    top: 241px;
    background: none;
    z-index: 9999;
}

#cta-fixed .et_pb_module.et_pb_blurb {
    margin: 0;
}

#cta-fixed .et_pb_module.et_pb_blurb {
    margin: 0;
    max-width: 80px;
    max-height: 85px;
}

#cta-fixed .et_pb_blurb_content {
    padding: 10px 8px 0px 8px;
}

#cta-fixed .et_pb_main_blurb_image {
    margin-bottom: 7px;
}

#cta-fixed .et_pb_blurb_container h4.et_pb_module_header span {
    text-transform: uppercase;
    font-size: 16px;
}


/* Blog */
/* Grid 2 colonnes */
@media only screen and (min-width: 980px) {
    .two-col-blog .et_pb_column .et_pb_salvattore_content[data-columns]::before {
        content: '2 .column.size-1of2' !important;
    }

    .two-col-blog .et_pb_column .column.size-1of2 {
        width: 48% !important;
        margin-right: 4% !important;
    }

    .two-col-blog .et_pb_column .column.size-1of2:last-child {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 980px) {
    .two-col-blog .et_pb_column .et_pb_salvattore_content[data-columns]::before {
        content: '2 .column.size-1of2' !important;
    }

    .two-col-blog .et_pb_column .column.size-1of2 {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .et_pb_blog_grid .et_pb_salvattore_content .et_pb_post {
        padding: 20px !important;
    }

    .et_pb_blog_0_tb_footer .et_pb_blog_grid .et_pb_salvattore_content h3.entry-title {
        font-size: 20px !important;
        padding: 20px 30px 16px 30px !important;
    }

    .et_pb_blog_0_tb_footer .et_pb_blog_grid .post-content,
    .et_pb_blog_0_tb_footer .et_pb_blog_grid .et_pb_post .post-meta {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.et_pb_blog_grid .et_pb_post {
    border: none !important;
    padding: 48px !important;
}

.et_pb_blog_grid h3.entry-title {
    border-top: solid 12px #ee7203 !important;
    padding: 20px 40px 16px 40px !important;
    z-index: 2 !important;
    background: #fff !important;
    position: relative !important;
}

.et_pb_blog_grid .et_pb_image_container {
    margin: -20px -46px -153px !important;
    z-index: 1 !important;
}

.et_pb_blog_grid a.more-link {
    background-color: #1497da !important;
    color: #fff !important;
    padding: 6px 20px !important;
}

.et_pb_blog_grid .post-content-inner {
    margin-bottom: 28px !important;
}

.et_pb_blog_grid .post-content,
.et_pb_blog_grid .et_pb_post .post-meta {
    background: #fff !important;
    position: relative !important;
    z-index: 2 !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.et_pb_blog_grid .et_pb_post .post-meta a {
    color: #ee7203 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.et_pb_blog_grid .et_pb_post .post-meta {
    margin-bottom: 0px !important;
}

/* Blurb Module  */
.et_pb_blurb_container h4.et_pb_module_header span {
    text-transform: none;
    font-size: 25px;
}

.et_pb_blurb_description {
    margin-top: 15px;
}

/*Home Univerture */
.et_pb_blurb_description h2 {
    font-size: 55px !important;
}

.no-margin-top .et_pb_blurb_description {
    margin-top: 0px;
}

/*Bloc Nos Magasins - Univerture */
#bloc-magasin.et_pb_cta_0_tb_body.et_pb_promo {
    background-color: #f3f2f1;
    padding: 40px;
    padding-left: 88px !important;
    width: 670px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    transform: translateX(-80px) translateY(0px);
}

#bloc-magasin.et_pb_cta_0_tb_body.et_pb_promo h3.et_pb_module_header {
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 26px !important;
    color: #1497da !important;
    text-align: left !important;
}

#bloc-magasin.et_pb_cta_0_tb_body.et_pb_promo .et_pb_button_wrapper .et_pb_promo_button.et_pb_button {
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 20px;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #1497da;
    padding-right: 50px !important;
    padding-left: 50px !important;
}

/*Page Magasin*/

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/*Fixes potential theme css conflict.*/
.acf-map img {
    max-width: inherit !important;
}

.buttons-magasin {
    margin-top: 20px;
}

.buttons-magasin .et_pb_promo_button.et_pb_button {
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 14px;
    line-height: 35px !important;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #1497da;
    padding-right: 35px !important;
    padding-left: 15px !important;
    margin-bottom: 10px;
}

.buttons-magasin .et_pb_button_wrapper {
    display: inline-block;
}

.et_pb_button_wrapper.contact-button {
    margin-right: 10px;
}

.add-magasin span {
    display: inline-block;
}

.info-picto:before {
    content: '';

    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 10px;
}

.add-magasin:before {
    background-image: url("./img/picto-address.png");
    margin-top: 7px;
}

.tel-magasin:before {
    background-image: url("./img/picto-phone.png");
}

.horaires-magasin:before {
    background-image: url("./img/picto-schedule.png");
}

.site-magasin:before {
    background-image: url("./img/picto-website.png");
}

.info-picto {
    margin-bottom: 10px;
}

h1.nom-magasin {
    color: #1497da;
    font-size: 35px;
    font-weight: bold;
}

body .univers-magasin {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
    margin-right: 60px;
    margin-left: 60px;
}

body .univers-magasin .et_pb_column_1_6 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.univers-magasin .et_pb_text_inner.titre-cat {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    height: 55px;
}


.et_pb_row.et_pb_row_6col.univers-magasin {
    width: 100%;
}

.univers-magasin .et_pb_module.et_pb_image {
    margin-bottom: 10% !important;
}




.univers-magasin .et_pb_text {
    margin-bottom: 0px !important;
}

.et_pb_text_inner.detail-cat {
    line-height: 22px;
    font-size: 20px;
    font-weight: 500;
}


.univers-magasin .et_pb_button_module_wrapper {
    margin-top: 30px;
}

.univers-magasin .et_pb_button_module_wrapper .et_pb_button {
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    padding-right: 2em;
    background-color: #1497da;
    padding-left: 25px !important;
}

.univers-magasin .et_pb_button_module_wrapper .et_pb_button:hover {
    padding-left: 25px !important;
    padding-right: 45px;
}

.univers-magasin .et_pb_button:after {
    line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    transition: all 300ms ease 0ms;
    content: attr(data-icon);
}

.univers-magasin .et_pb_button:hover:after {
    margin-left: 0.8em !important;
}

.univers-magasin .et_pb_divider {
    margin-bottom: 22px !important;
}

.univers-magasin .et_pb_divider:before {
    border-top-width: 5px;
}

.univers-magasin .et_pb_divider.divider-orange:before {
    border-top-color: #ee7203;
}

.univers-magasin .et_pb_divider.divider-green:before {
    border-top-color: #00a09a;
}

.univers-magasin .et_pb_divider.divider-yellow:before {
    border-top-color: #f6a600;
}

.univers-magasin .et_pb_divider.divider-pink:before {
    border-top-color: #e5007d;
}

.univers-magasin .et_pb_image_wrap {
    display: flex !important;
}

.univers-magasin .et_pb_image_wrap img {
    margin: 0 auto;
}

/* Page Categories Produit*/

.cat-list {
    padding-left: 20px;
}

.cat-list h1 {
    color: #1497da !important;
    font-weight: bold !important;
    border-bottom: 5px solid #666666;
    margin-bottom: 10px;
    font-size: 26px !important;
}

.et_pb_row#products-list {
    width: 100% !important;
    padding-top: 0px !important;
}

.et-db #et-boc .et-l .et_pb_gutters2.et_pb_row#products-list .et_pb_column_1_3 {
    min-height: 330px;
}


@media (min-width: 981px) {
    .et-db #et-boc .et-l .et_pb_gutters2.et_pb_row#products-list .et_pb_column_1_3 {
        margin-right: 2%;
    }

}

.cat-list ul {
    list-style: none;
    list-style: none !important;
    padding-left: 0px !important;
}

.cat-list ul li a {
    color: #666666 !important;
    text-transform: uppercase;
}

.cat-list ul li.current-cat a {
    color: #1497da !important;
}

#products-list a {
    min-width: 280px;
    display: block;
}

.product-img {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 260px;
    height: 260px;
    border-radius: 5px;
    margin-bottom: 10px;

}

.product-item .et_pb_text {
    width: 260px;
}

.product-img:hover {
    filter: brightness(0.8);
    transition: 0.3s;
}

.product-item .et_pb_text_inner {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

/*Page Produit */
.breadcrumb-products a {
    color: #3a3f44;
}

.single-produit .labels img {
    max-height: 65px;
    width: auto;
}

.single-produit .et_pb_module.et_pb_tabs {
    border: none;
}

.single-produit ul.et_pb_tabs_controls {
    background: none;
}

.single-produit .et_pb_tabs_controls li {
    float: left;
    text-align: center;
    border-right: none;
}

.single-produit .et_pb_tabs_controls li.et_pb_tab_active {
    border-bottom: solid 5px #0099dd;
}

.single-produit .et_pb_tab_active a {
    color: #666 !important;
}

.single-produit .et_pb_tabs_controls li a {
    text-transform: uppercase;
}

.single-produit .et_pb_tab .et_pb_row {
    margin-left: 0px;
    margin-right: 0px;
}

.linked-products .et_pb_row.et_pb_row_4col#products-list {
    margin: 0px !important;
    width: 100% !important;
}

.linked-products .products-list .et_pb_column.et_pb_column_1_4 {
    width: 260px !important;
}

.linked-products .et_pb_row#products-list {
    padding-top: 20px !important;
}

.linked-products h2 {
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    font-size: 44px;
    color: #1497da !important;
    text-align: center;
}

.label {
    display: inline-block;
    margin-right: 10px;
}

#bouton-devis-rdv .et_pb_button {
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 19px;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    min-width: 260px;
    text-align: center;
}

#bouton-devis-rdv .blue-button {
    background-color: #1497da;
}

#bouton-devis-rdv .grey-button {
    background-color: #666666;
}

#product .labels {
    display: inline-flex;
}

span.garantie-titre {
    font-size: 20px;
    color: #1497da;
    font-weight: bold;
    text-transform: uppercase;
}

span.garantie-texte {
    font-size: 20px;
    color: #666666;
    font-weight: bold;
}

#points-forts ul {
    padding-left: 0px;
}

#points-forts .list-check li {
    list-style: none;
}

#points-forts .list-check li:before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 15px;
    background-size: contain;
    background-image: url(./img/puce-check.svg);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.galerie-photos-nav img {
    max-width: 80px;
}

.galerie-photos-for.slick-initialized.slick-slider {
    width: 80%;
    float: right;
}

.galerie-photos-nav.slick-initialized.slick-slider.slick-vertical {
    width: 20%;
    float: left;
}

.galerie-photos-nav.slick-initialized.slick-slider.slick-vertical img {
    object-fit: cover;
    width: 80px;
    height: 80px;
}

.slick-list.draggable {
    padding-top: 0px !important;
}

/* Page Accéder aux téléchargements*/

.gform_footer .gform_button {
    border-style: solid;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 25px;
    color: #ffffff;
    background-color: #1497da;
    font-size: 16px;
    padding-left: 23px;
    padding-right: 90px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-width: 0px;
}

/*#gform_1 label {
    height: 0px;
}
*/
/* Services Page */
.list-check li {
    list-style-image: url("./img/puce-check.svg");
}


#list-services .et_pb_blurb_container h4.et_pb_module_header span {
    color: #1497da !important;
    font-weight: bold;
    font-size: 25px;
}

/* Cuisine Page */
.pink-title strong {
    color: #e5007d;
}

/* Page Réseaux Univerture*/
#intro-reseaux strong {
    color: #1497da;
}

.searchandfilter ul {
    padding-left: 0px;
}

.searchandfilter h4 {
    display: inline-block;
    color: #1497da;
    font-weight: bold;
    margin-right: 30px;
    font-size: 18px;
    padding: 10px 0;
}

input.sf-input-text {
    border: none;
    min-width: 350px;
    padding: 7px;
    border-radius: 5px;
    height: 40px;
}

input.sf-input-text::placeholder {
    font-size: 16px;
}

.search-filter-results .et_pb_row {
    margin: initial !important;
    width: 100%;
}

.search-filter-results .et_pb_module.et_pb_text {
    border-top: solid 11px;
    max-width: 288px;
    margin: auto;
    margin-top: -46px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    padding: 18px;
}

.search-filter-results .et_pb_module.et_pb_text h3 {
    color: #1497da;
    font-weight: bold;
    padding-bottom: 0px;
}

.search-filter-results .et_pb_module.et_pb_text .city {
    color: #3a3f44;
    font-weight: bold;
}

#search-filter-form-2309 label {
    width: 100% !important;
}

#top-menu-univerture .sf-field-search input {
    background-color: #e8e8e8;
    border-radius: 5px;
    width: 90% !important;
    background-image: url('/wp-content/uploads/2020/11/search-ico.svg');
    background-size: 8%;
    background-position: 95%;
    background-repeat: no-repeat;
    font-size: 16px;
}

/* Contact Form */

.gform_wrapper ul.gfield_checkbox li {
    display: inline;
    margin-right: 20px;
}

ul.gfield_checkbox {
    padding-left: 0px !important;
}

.gform_wrapper {
    margin-top: -28px !important;
}

/*POSITIONS ICON ADDED TO GRAVITY FORMS SUBMIT BUTTONS
* 1. Adjust the margin-left to bring the icon on the button
* 2. Font-size adjust the size of the icon
* 3. z-index prevens the icon disappearing on submissions
* */
/*.gform_wrapper .gform_footer .btn-arrow:after
{
  content: url("./img/arrow.svg");
  z-index: 100;
  margin-left: -70px;
}
*/
/*POSITIONS GRAVITY FORMS SUBMIT BUTTONS TEXT TO MATCH BEAVER BUILDER'S OFF CENTRE
* 1. Adjust the padding-left */
.gform_wrapper .gform_footer input[type=submit] {
    text-align: left;
    padding-left: 23px;
}

.gform_wrapper .gform_footer {
    width: 200px;
    /*right: 54px !important;
  position: absolute;
  bottom: 58px;*/
    max-width: 200px;
}

.gform_wrapper #gform_3 .gform_footer {
    bottom: 28px;
}

#left-area ul.gform_fields {
    padding-left: 0px !important;
}

input[type=submit] {
    cursor: pointer;
}

#field_2_1 input,
#field_2_2 input,
#field_2_3 input,
#field_2_4 input,
#field_3_1 input,
#field_3_2 input,
#field_3_3 input,
#field_3_4 input,
#field_3_7 input,
#field_3_5 input {
    height: 50px;
    border-radius: 10px;
}

#field_2_5 textarea,
#field_3_5 textarea {
    border-radius: 10px;
}

/* Parlons Services */
.parlons-services .et_pb_blurb_description {
    margin-top: initial;
    text-align: center;
}

.parlons-services .et_pb_blurb_content {
    margin-left: -65px;
}

.parlons-services .et_pb_main_blurb_image,
.parlons-services-mob .et_pb_main_blurb_image {
    min-height: 45px;
    max-height: 45px;
}

.parlons-services h3 {
    padding-bottom: 0;
    padding-top: 5px;
}

.parlons-services .et_pb_column.et_pb_column_1_6.et_pb_column_11 {
    margin-left: -15px;
    margin-right: 80px;
}

.parlons-services-mob .et_pb_column {
    width: 50%;
}

.parlons-services-mob .et_pb_blurb_description {
    text-align: center;
}

.parlons-services-mob .et_pb_column .et_pb_module.et_pb_blurb {
    margin-bottom: 65px;
}

.parlons-services-mob .et_pb_main_blurb_image {
    margin-bottom: 4px;
}

.parlons-services-mob .et_pb_section,
.parlons-services-mob .et_pb_row {
    padding-bottom: 0px;
}

/* Grid Réalisations */
.real-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 370px 370px 170px 170px;
    grid-template-rows: 225px 225px;
}

.real-grid .box {
    background-size: cover;
}

.real-grid .box:hover {
    opacity: .6;
    transition: all .3s ease-in-out;
}

.real-grid .a {
    grid-column: 1;
}

.real-grid .b {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.real-grid .c {
    grid-column: 3;
    grid-row: 1;
}

.real-grid .d {
    grid-column: 4;
    grid-row: 1;
}

.real-grid .e {
    grid-column: 1;
    grid-row: 2;
}

.real-grid .f {
    grid-column: 3 / span 2;
    grid-row: 2;
}

.real-gallery-responsive,
.slide-real,
.company-grid-responsive,
.slide-entreprise {
    min-width: 80vw;
    max-width: 80vw;
    min-height: 50vw;
    max-height: 50vw;
}

.real-gallery-responsive,
.company-grid-responsive {
    margin-bottom: 0px !important;
}

.slide-real,
.slide-entreprise {
    background-size: cover;
    background-position: center;
}

.real-gallery-responsive .slick-dots,
.company-grid-responsive .slick-dots {
    bottom: 10px;
    padding: 0;
}

/* Grid Entreprise */
.company-grid-v1,
.company-grid-v2 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 225px 225px 225px 225px 225px;
    grid-template-rows: 225px 225px;
}

.company-grid-v1 .box,
.company-grid-v2 .box {
    background-size: cover;
}

.info-magasin span,
.info-equipe span,
.info-add span {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    max-width: 225px;
    max-height: 225px;
    padding: 0px 22px;
}

.info-add {
    background-color: #fff;
}

.info-add span {
    color: #3a3f44;
}

.info-magasin {
    background-color: #3a3f44;
}

.info-equipe {
    background-color: #1497da;
}

.info-equipe p,
.info-magasin p,
.info-add p {
    line-height: 225px;
}

.company-grid-v2 .a {
    grid-column: 1;
}

.company-grid-v2 .b {
    grid-column: 2 / span 2;
}

.company-grid-v2 .c {
    grid-column: 4;
    grid-row: 1 / span 2;
}

.company-grid-v2 .d {
    grid-column: 5;
    grid-row: 1 / span 2;
}

.company-grid-v2 .e {
    grid-column: 1 / span 2;
    grid-row: 2;
}

.company-grid-v2 .f {
    grid-column: 3;
    grid-row: 2;
}

.company-grid-v1 .a {
    grid-column: 1;
}

.company-grid-v1 .b {
    grid-column: 2 / span 2;
}

.company-grid-v1 .c {
    grid-column: 4;
    grid-row: 1 / span 2;
}

.company-grid-v1 .d {
    grid-column: 5;
    grid-row: 1;
}

.company-grid-v1 .e {
    grid-column: 1 / span 2;
    grid-row: 2;
}

.company-grid-v1 .f {
    grid-column: 3;
    grid-row: 2;
}

.company-grid-v1 .g {
    grid-column: 5;
    grid-row: 2;
}



/* Slider Home */
.photo-slide.mob {
    display: none;
}

.slider-home .slick-slide {
    display: inline-flex !important;
}

.slick-slide>div {
    width: 1170px;
}

.slider-home .slide {
    display: inline-flex !important;
}

.slider-home .photo-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 70%;
    height: 435px;
}

.slider-home .texte-slide {
    background-color: #1497E0;
    width: 30%;
    height: 435px;
    padding-top: 100px;
    padding-right: 60px;
    padding-bottom: 100px;
    padding-left: 60px;
}

.slider-home .texte-slide .et_pb_text.surtitre {
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
}

.slider-home .texte-slide .et_pb_text.titre-blanc {
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.2em;
    margin-top: 18px !important;
}

.slider-home .texte-slide .et_pb_button_module_wrapper {
    margin-top: 36px !important;
}

.slider-home .texte-slide .et_pb_button {
    color: #3a3f44 !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #ffffff;
    padding-right: 57px !important;
    padding-left: 23px !important;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.slider-home .texte-slide .et_pb_button:hover {
    background-color: #182d4c !important;
    color: #fff !important;
}



.slider-home .texte-slide .et_pb_button:after {
    opacity: 1;
    margin-left: .3em !important;
    font-size: 16px !important;
    line-height: inherit;
    content: attr(data-icon);
    opacity: 1;
    color: #1497E0;
}

.slider-home .slick-dots {
    text-align: right;
    width: 370px;
    right: 0;
    padding: 0px 12% 0px 13% !important;
    bottom: 14px;
}

.slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
    width: 13px;
    height: 13px;
}

.slick-dots li button:before {
    color: #fff;
    opacity: 1;
    font-size: 13px;
    line-height: 13px;
}

.slick-dots li.slick-active button:before {
    color: #3a3f44;
    opacity: 1;
}


/* clear fix */
.photo-gallery-item:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.photo-gallery-item {
    width: 32%;
}

.photo-gallery-item {
    float: left;
    margin-bottom: 10px;
}

.photo-gallery-item img {
    display: block;
    max-width: 100%;
    cursor: pointer;
}

.photo-gallery-item img:hover {
    opacity: .6;
    transition: all .3s ease-in-out;
}

.lg-backdrop {
    background-color: rgba(0, 0, 0, .6);
    backdrop-filter: blur(5px);
}

.button-group {
    margin: 0 auto 20px;
}

.button-group>button {
    background-color: #fff;
    color: #1497E0;
    border: 1px solid #1497E0;
    padding: .5rem 1rem;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.button-group>button:hover,
.button-group>button.active {
    background-color: #1497E0;
    color: #fff;
    padding: .5rem 1rem;
    font-size: 16px;
    margin-right: 10px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}


#main-header {
    z-index: 99;
}

#top-header {
    z-index: 100;
}

/***** Actualités *****/
#article .et_pb_image_wrap img {
    max-height: 430px;
    object-fit: cover;
}

/****** RESPONSIVE *****/

@media all and (max-width: 980px) {

    h1 {
        font-size: 35px !important;
    }

    body.et_fixed_nav.et_secondary_nav_enabled #main-header {
        top: 40px !important;
    }

    #row-slider-home {
        width: 100vw;
    }

    .is-form-style input.is-search-input {
        min-width: 270px;
    }

    /*#top-menu-univerture .et_pb_module.et_pb_image.et_pb_image_0_tb_header {
  width: 310px;
}*/

    #menu-produits {
        z-index: 1;
    }

    #top-menu-univerture .et_pb_module.et_pb_image.et_pb_image_0_tb_header {
        z-index: 2;
    }

    #menu-produits .et_pb_menu__wrap {
        min-width: 320px;
        background: none;
        position: absolute;
        right: 0;
        top: -123px;
    }


    body:not(.site-id-1) div#main-content .et_pb_row:not(#row-slider-home) {
        margin-left: 90px !important;
        margin-right: 90px !important;
        width: auto;
    }

    body:not(.site-id-1) div#main-content .et_pb_row#list-services {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: auto;
    }

    body.tax-produits div#main-content .et_pb_code_inner .et_pb_row#products-list {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: auto;
    }

    body.single-produit div#main-content .linked-products .et_pb_row.et_pb_row_4col#products-list {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100% !important;
    }

    .product-img {
        margin: auto;
    }

    .et_pb_row_4col#products-list>.et_pb_column.et_pb_column_1_4 {
        width: 100%
    }

    #products-list .et_pb_module.et_pb_text {
        text-align: center;
        margin: auto;
    }

    div#main-content .et_pb_row:not(#row-slider-home) .search-filter-results .et_pb_row.et_pb_gutters2 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }


    .search-filter-results .et_pb_module.et_pb_text {
        max-width: 90%;
        margin-top: -80px;
    }

    .slider-home .slick-slide {
        display: block !important;
    }

    .slick-slide>div {
        width: 100%;
    }

    .slider-home .slide {
        display: block !important;
    }

    .slider-home .photo-slide {
        background-size: cover;
        width: 100%;
        background-position: center;
        margin-top: 20px;
    }

    .slider-home .texte-slide {
        background-color: #1497E0;
        width: 100%;
        height: 200px;
        padding-top: 17px;
        padding-right: 50px;
        padding-bottom: 53px;
        padding-left: 50px;
    }

    .slider-home .texte-slide .et_pb_text.titre-blanc {
        margin-bottom: 13px;
        margin-top: 0px !important;
    }

    .slider-home .texte-slide .et_pb_text.surtitre {
        margin-bottom: 4px;
    }

    .slider-home .texte-slide .et_pb_button_module_wrapper {
        margin-top: 0px !important;
    }

    .slider-home .slick-dots {
        text-align: center;
        width: 100%;
    }

    .slick-dots li button:before {
        font-size: 13px;
    }

    .real-gallery-responsive,
    .slide-real,
    .company-grid-responsive,
    .slide-entreprise {
        min-width: 100%;
        max-width: 100%;
    }

    .info-equipe p,
    .info-magasin p {
        line-height: 50vw;
    }

    .info-magasin span,
    .info-equipe span {
        max-width: 80vw;
        min-width: 80vw;
        font-size: 20px;
        line-height: 26px;
        padding: 0px 10vw;
    }


    .gform_wrapper .gform_footer {
        position: initial;
    }

    body #gform_wrapper_1 .gform_footer .gform_button {
        margin-top: initial !important;
        position: absolute;
        right: 0;
    }

    .gform_wrapper .gform_footer .btn-arrow:after {
        margin-right: 40px;
        top: 5px;
        position: relative;
    }


    .list-check li {
        list-style-position: inside;
    }

    .grid-sizer,
    .photo-gallery-item {
        width: 48%;
    }

    #bloc-magasin.et_pb_cta_0_tb_body.et_pb_promo {
        max-width: 100%;
        margin: auto;
        padding: 40px !important;
        position: relative;
        transform: none;
    }

}

@media all and (max-width: 479px) {

    .photo-slide.desk {
        display: none;
    }

    .photo-slide.mob {
        display: block;
    }

    .slider-home .photo-slide {
        background-size: cover;
        width: 100%;
        height: 480px;
        background-position: center;
    }

    div#bottom-menu {
        padding-top: 50px;
    }

    #bottom-menu .et_pb_column.et_pb_column_1_3 {
        padding-left: 0px;
        padding-right: 0px;
    }


    @media all and (max-width: 374px) {
        .is-form-style input.is-search-input {
            min-width: 225px;
            max-width: 225px;
        }
    }

    header .et_pb_blurb_position_left .et_pb_blurb_container {
        padding-left: 4px;
    }

    header .et_pb_column_2_tb_header,
    header .et_pb_column_3_tb_header,
    header .et_pb_column_4_tb_header {
        width: 32% !important;
        max-width: 32% !important;
    }

    body.et_fixed_nav.et_secondary_nav_enabled #main-header {
        top: 65px !important;
    }

    h2 {
        font-size: 40px !important;
        line-height: 45px !important;
    }

    .et_header_style_left #logo {
        max-width: 50%;
        float: left;
    }

    .et_header_style_left #et-top-navigation {
        padding-top: 6px;
    }

    .container.et_menu_container {
        width: 90%;
    }

    .et_search_outer {
        height: 90px !important;
        background: #fff;
    }

    .et_header_style_left .et-search-form {
        width: 100% !important;
        max-width: 100% !important;
    }


    #et-secondary-nav li:not(.desktop-menu-item) {
        display: block !important;
    }

    #et-secondary-nav li.info-city,
    #et-secondary-nav li.info-number {
        position: initial !important;
    }

    .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {
        top: 110px !important;
    }

    div#row-slider-home {
        padding: 0;
    }

    .slider-home .texte-slide {
        height: 250px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .grid-sizer,
    .photo-gallery-item {
        width: 96%;
    }

    #cta-fixed .et_pb_blurb_content {
        padding: 12px 6px 0px 6px;
    }

    #cta-fixed .et_pb_module.et_pb_blurb {
        max-width: 60px;
        max-height: 70px;
    }

    #cta-mobile .et_pb_module.et_pb_blurb {
        position: fixed;
        bottom: 0;
        display: inline-block;
    }

    #cta-mobile .et_pb_module.et_pb_blurb:first-child {
        left: 0;
    }

    #cta-mobile .et_pb_module.et_pb_blurb:nth-child(0n+2) {
        left: 33.3vw;
        width: 33.4vw;
        max-width: 33.4vw;
    }

    #cta-mobile .et_pb_module.et_pb_blurb:last-child {
        right: 0;
    }

    #cta-mobile .et_pb_module.et_pb_blurb {
        max-width: 33.3vw;
        width: 33.3vw;
        max-height: 70px;
    }

    #cta-fixed .et_pb_blurb .et_pb_module_header a {
        font-size: 12px;
    }

    #cta-fixed img {
        max-width: 31px;
    }


    #credits {
        padding-bottom: 80px;
    }

    body:not(.site-id-1) div#main-content .et_pb_row:not(#row-slider-home) {
        margin-left: 32px !important;
        margin-right: 32px !important;
        width: auto;
    }

    .info-magasin span,
    .info-equipe span {
        max-width: 70vw;
        min-width: 70vw;
        font-size: 18px;
        line-height: 20px;
        padding: 0px 6vw;
    }

}


/*== Page presentation ==*/
#logo-label .et_pb_column {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#logo-label .et_pb_column .et_pb_image {
    max-width: 150px;
    height: auto;
    object-fit: contain;
    margin: 0;
}


/*------------------------------------------------------------*/
/*-------------- Search and filter */
/*------------------------------------------------------------*/



.search-bar {
    width: 75% !important;
    max-width: 75% !important;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
}

.search-results__container {
    position: fixed;
    z-index: 9;
    background: #c3c3c3;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100vw;
    padding-top: 225px;
    padding-bottom: 100px;
    height: 100vh;
    overflow-y: auto;
}

.search-results__container.hidden {
    display: none;
}

.search-results-query {
    width: 80vw;
    margin: auto;
    font-size: 25px;
    padding-bottom: 15px;
}

.search-close-mark {
    background: #1497da;
    padding: 15px;
    color: #fff;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    cursor: pointer;
    transition: 300ms ease-in-out;
    -webkit-transition: 300ms ease-in-out;
    -moz-transition: 300ms ease-in-out;
    -ms-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
}

.search-results-query.alert .search-close-mark {
    background-color: red;
}

.search-close-mark:hover {
    background: #0080e2;
}

#search-results h3 {
    font-size: 35px;
    font-weight: bold;
    margin: 25px 0;
    width: fit-content;
    border-bottom: solid 5px #0080e2;
}

.card-link {
    color: unset;
    cursor: pointer;
}

.articles-swiper {
    max-width: 80vw;
    margin: auto;
    overflow: visible !important;
    margin-bottom: 65px;
}

.article-swiper__header {
    display: flex;
    gap: 45px;
}

.article-swiper__nav {
    display: flex;
    gap: 35px;
}

.article-swiper__nav>* {
    position: relative !important;
    font-size: 35px;
}

.article-swiper__nav>*::after {
    content: unset !important;
}

.articles-swiper .swiper-slide {
    width: fit-content;
}

card-article {
    width: 380px !important;
    max-width: 70vw;
    display: block;
    line-height: 1.3;
    position: relative;
}

card-article-title-bloc {
    width: fit-content;
    display: block;
    position: absolute;
    right: -25px;
    top: 41px;
}



card-article-title-bloc h5 {
    border-top: solid 11px;
    max-width: 288px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    padding: 18px;
    color: #1497da;
    font-size: 20px;
    font-weight: bold;
    /* margin-left: -121px; */
    height: fit-content;
}

card-article-text-bloc {
    width: 360px;
    height: 100%;
    max-width: 100%;
    display: block;
    line-height: 1.3;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -ms-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
}

card-article-text-bloc img {
    width: 360px;
    aspect-ratio: 7/3;
    object-fit: cover;

}

card-article:hover card-article-text-bloc {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

card-article-text-bloc>div {
    padding: 23px;
}

.products-container {
    max-width: 80vw;
    margin: auto;
}

.products-wrapper {

    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

card-product {
    display: flex;
    flex-direction: column;
    width: calc(96%/4);
    margin-bottom: 35px;
}

card-product>a {
    display: flex;
    flex-direction: column;
    flex: 1;

}

@media all and (max-width: 1600px) {
    .products-wrapper {
        gap: 2%;
    }

    card-product {
        width: calc(96%/3);
    }

}

@media all and (max-width: 1150px) {
    .products-wrapper {


        gap: 4%;
    }

    card-product {
        width: calc(96%/2);
    }

}

@media all and (max-width: 767px) {
    .products-wrapper {


        gap: 0%;
    }

    card-product {
        width: 100%;
    }

}

card-product>a>img {
    border-radius: 15px;
    width: 100%;
    transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -ms-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
}

card-product:hover>a>img {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

card-product h5 {
    border-top: solid 11px;
    max-width: 288px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    padding: 18px;
    color: #1497da;
    font-size: 20px;
    font-weight: bold;
    /* margin-left: -121px; */
    height: fit-content;
    margin: -15px auto;
    min-width: 50%;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

card-product-text-bloc {
    background-color: #0080e2;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    flex: 1;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    line-height: 1.3;
    display: flex;
    justify-content: center;
    align-items: center;
}