/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.2.0.1775587421
Updated: 2026-04-07 18:43:41

*/



/* Menu */

header .menu-item a {
	padding: 15px 0 !important;
}
header .et-menu .menu-item-has-children>a:first-child {
    padding-right: 20px !important;
}

.et-menu li.menu-line {
    position: relative;
    margin-right: 15px !important;
    padding-right: 15px !important;
}

.et-menu li.menu-line::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 70px;
    width: 0.5px;
    background-color: #7e7973;
}



.menu-cta-mobile {
    background-color: #ad1917;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff !important;
    letter-spacing: 2px !important;
    border-radius: 4px;
    border-width: 0px;
    border-color: #ad1917;
    border-style: solid;
    padding: 5px 30px !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}

.menu-cta-mobile:hover {
	background-color: #000;
}

.menu-cta-mobile a {
    color: #fff !important;
	font-size: 15px !important;
}

.menu-cta-mobile a:hover {
    color: #fff !important;
}




/* End menu */

.marcan-guide-nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.marcan-guide-back {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.marcan-guide-back:hover {
    color: #ad1917 !important;
}

.marcan-tabs-section .marcan-guide-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 0px !important;
}

.marcan-tabs-section .marcan-guide-tab {
    padding: 10px 22px !important;
    background-color: transparent !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    border-radius: 4px !important;
    border: 2px solid #111111 !important;
    color: #111111 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}

.marcan-tabs-section .marcan-guide-tab:hover {
    color: #ad1917 !important;
    border: 2px solid #ad1917 !important;
}

.marcan-tabs-section .marcan-guide-tab--active {
    background-color: #ad1917 !important;
    color: #ffffff !important;
	border: 2px solid #ad1917 !important;
    pointer-events: none !important;
}

.marcan-guide-back-arrow {
    font-family: 'ETmodules' !important;
    font-size: 25px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

.marcan-guide-back:hover .marcan-guide-back-arrow {
    transform: translateX(-7px) !important;
}

@media (max-width: 767px) {
    .marcan-tabs-section .marcan-guide-tabs {
        flex-direction: column !important;
    }
    .marcan-tabs-section .marcan-guide-tab {
        text-align: center !important;
    }
}

.hs-button {
    background-color: #ad1917 !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    border-radius: 4px !important;
    border: 2px solid #ad1917 !important;
    padding: 15px 25px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

.hs-button:hover {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}


@media only screen and (max-width: 980px) {
    .dsm_advanced_tabs_0 .dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: column !important;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        margin-left: 0px !important;
    }
}

.no-icon-list .et_pb_icon_list_item .et-pb-icon {
    display: none !important;
}

.no-icon-list .et_pb_icon_list_item {
    padding-left: 0 !important;
}

.no-icon-list .et_pb_icon_list_item .et_pb_icon_list_text {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.divi8_image_carousel_item img {  
    border-radius: 4px !important;
}

.et_pb_column.col-row-gap-small .et_pb_module.row-gap-small {
  row-gap: 15px !important;
}

/* ===== Tagline avec traits latéraux (tagline / tagline-2 / tagline-3) ===== */

.tagline p,
.tagline-2 p,
.tagline-3 p {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
}

.tagline p::before,
.tagline p::after,
.tagline-2 p::before,
.tagline-2 p::after {
  content: '' !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  background: #ad1917 !important;
  flex-shrink: 0 !important;
}

.tagline-3 p::before {
  content: '' !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  background: #ad1917 !important;
  flex-shrink: 0 !important;
}

/* ===== Fin tagline ===== */

.btn-cta{
  transition: background 0.3s ease, color 0.3s ease !important;
}
a.et_pb_button.btn-cta:hover {
  background: #FFFFFF4C !important;
  border-color: #ffffff !important;
  border-radius: 4px !important;
}

.btn-hover-2{
  transition: background 0.3s ease, color 0.3s ease !important;
}
a.et_pb_button.btn-hover-2:hover {
  background: #111111 !important;
  border-radius: 4px !important;
}
