/* 

[1.0] DESKTOP DEFAUT HEADER MENU
    1- Desktop Hamburger desktop
    2- Desktop contact dropdown phone menu


[2.0] MOBILE DEFAUT HEADER MENU
    1- Mobile Hamburger extra default
    2- Mobile Custom hamburger menu
    3- Mobile Collapse submenu 
    4- Mobile Force links "A" open or close submenu
    5- Hamburger Css/Js click body no_overflow


[3.0] V1_ABFMenu
    1- Row V1 ABFMenu

[3.1] MOBILE V1_ABFMenu
    1- Mobile Logo V1_ABFMenu
    1a- Mobile Enseigne V1_ABFMenu
    2- Mobile Row V1_ABFMenu
    2a- Mobile Row and Logo custom height V1_ABFMenu
    3- Mobile Icon right V1_ABFMenu
    4- Mobile Slide in left V1_ABFMenu
    5- Mobile Menu V1_ABFMenu
    6- Parent link toogle V1_ABFMenu
    7- Submenu V1_ABFMenu
    8- Children submenu V1_ABFMenu
    9- Child children submenu V1_ABFMenu
    10- Icons V1_ABFMenu
    11- Elements content V1_ABFMenu
    12- Mobile V1_ABFMenu responsive max-width 499px
    13- Mobile V1_ABFMenu responsive max-width 339px
 
[3.2] DESKTOP V1_ABFMenu
    1- Desktop Logo V1_ABFMenu
    2- Desktop Row V1_ABFMenu
    3- Desktop Icon right V1_ABFMenu
    4- Desktop Menu V1_ABFMenu
    5- Itemline bottom V1_ABFMenu
    6- CTA link V1_ABFMenu
    7- Submenu V1_ABFMenu
    8- Submenu children V1_ABFMenu
    9- Submenu left line V1_ABFMenu
    10- Icons V1_ABFMenu
    11- Desktop V1_ABFMenu responsive min-width 981px and max-width 1199px

*/


/* ######################################## /*
/* ### [1.0] DESKTOP DEFAUT HEADER MENU ### /*
/* ######################################## /*

/* 1- Desktop hamburger menu
-------------------------------------------------------------- */

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

/* ###### HAMBURGER MENU ###### */
	
/* Hide content */	
.burger_menu_content {
    transform: translateY(-100%);
    transition: all .3s ease;
    opacity:0;
}

/* Show content */
.burger_menu_content.active_burger_menu_content {
    overflow: auto;
    transform: translateY(0%);
    transition: all .3s ease;
    opacity:1;
}

/* ###### ICON ###### */

/* Align */
.et_pb_module.et_pb_text.et_pb_text_0_tb_header.row_btn_hamburger.et_pb_text_align_left.et_pb_bg_layout_light {
    margin-bottom: 0!important;
}

/* Width */
.btn-burger-desk {
    height: 32px;
    width: 40px;
    cursor: pointer;
}
  
/* Line */
.btn-burger-desk span,
.btn-burger-desk span::before,
.btn-burger-desk span::after {
    background: var(--color-2);       
    content: '';
    position: absolute;
    width: 40px;
    height: 6px;         
    margin-top: 13px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotateY(180deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Line1 */
.btn-burger-desk span::before {
    margin-top:-12px;
}

/* Line3 */
.btn-burger-desk span::after {
    margin-top:12px;
}


/* ###### ACTIF ICON ###### */

/* Line active */        
.btn-burger-desk.active {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Hide Line2 btn active */
.btn-burger-desk.active span {
    background: transparent;
}

/* Line1 active */
.btn-burger-desk.active span::before {
     margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Line2 active */
.btn-burger-desk.active span::after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
        
/* Hamburger icon background animation*/
.btn-burger-desk::after {
    background: #ecf0f5;
    content: '';
    display: block;
    position: absolute;
    top: -14px;
    right: -10px!important;
    border-radius: 50%;
    transform: scale(0);
    z-index: -1;
    transition: transform .3s cubic-bezier(.2,.9,.2,.9);
    width: 60px;
    height: 60px;
}

/* Hover background animation*/
.btn-burger-desk:hover::after {
    transform: scale(1);
}
	
/* Icon close content */
.close_menu_burger {
    cursor:pointer!important;
}


/* 2- Desktop contact dropdown phone menu
-------------------------------------------------------------- */


}



/* ####################################### */
/* ### [2.0] MOBILE DEFAUT HEADER MENU ### */
/* ########################################*/

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

/* 1- Mobile Hamburger extra default
-------------------------------------------------------------- */
	
/* ### HAMBURGER EXTRA (non utilisé) ### */
	
/* Transform hamburger X */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,	
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d'!important;
    font-size:32px!important;
    background:#fff;
    border-radius: 50%;
    border: 1px solid;
    transform-origin: center;
    transition: all .3s cubic-bezier(.9,1,.0,1);
}

/* Rotate hamburger on click */
.mobile_menu_bar:before {
    transition: all .4s ease;
    transform: rotate(0deg);
    display: block;
}

/* Rotate X on click */
.mobile_nav.opened .mobile_menu_bar::before {
    transition: all .3s ease!important;
    transform: rotate(180deg);
    display: block;
}


/* 2- Mobile Custom hamburger menu
-------------------------------------------------------------- */
	
/* Menu bar */
.mobile_menu_bar {
    z-index:999999999;	
}

/* Remove default hamburger */
.mobile_nav .mobile_menu_bar:before {
    display:none!important
}

/* Hamburger container */
.V1_ABFMenu { 
	
}
	
/* Hamburger padding */	
span.mobile_menu_bar.cross_hamburger_menu {
    padding:10px 0	
}	

/* Menu bar */
.cross_hamburger_menu {
    position: relative!important;
    display: block!important;
    width: 100%!important;
    margin-top:0!important;
    height: 100%!important;
    box-sizing: border-box;
    cursor: pointer;
    clear: both;
}

/* Menu bar line*/
div.line1{width:32px!important;margin-top:0!important}
div.line2{width:28px!important}
div.line3{width:22px!important}

/* Custom menu bar */
.cross_hamburger_menu div {
    background: var(--color-2)!important; /* Change Color Here */
    margin-top:6px;
    height: 2px;         
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotateY(180deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Menu bar actif line 1*/
.cross_hamburger_menu.cross_hamburger_menu--toggled div:first-child {
    background:var(--color-2)!important;
    margin-top:0!important;
    width:32px!important;
    height:3px!important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index:999!important
}

/* Menu bar actif hide line 2*/
.cross_hamburger_menu.cross_hamburger_menu--toggled div:not(:first-child):not(:last-child) {
    opacity: 0; /* Hide Middle Line*/
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out; 
}

/* Menu bar actif line 3*/
.cross_hamburger_menu.cross_hamburger_menu--toggled div:last-child {
    background:var(--color-2)!important;
    margin-top:-11px!important;
    width:32px!important;
    height:3px!important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index:999!important
}


/* 3- Mobile Collapse submenu
-------------------------------------------------------------- */
	
/* Toogle icon element */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    height: 100%;
    max-height: 50px!important;
    width:44px;
    padding: 0 10px!important;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}

/* Adjust position */
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}

/* Link parent toogle */
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {    
    background:transparent !important;
    padding-left:12px;
}	

/* Hide submenu */
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}

/* Show submenu */
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
    padding-left:32px;
    font-size:12px!important
}

/* Submenu open change opacity */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/* 4- Mobile Force links "A" open or close submenu
-------------------------------------------------------------- */	

.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none!important;
}

.abf-block {
    display: block;
    height: fit-content;
    padding-top: 0;
    margin-top: 0;
    padding: 5%;
    margin-bottom: 0;
    margin-top: 0;
}

.et_mobile_menu .menu-item-has-children .abf-submenu{
    display: block;
}
	
.opened .et_mobile_menu{
    height: fit-content!important;
    padding: 0%!important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
    text-align: right;
    width: 100%;
  }
}


/* 5- Hamburger Css/Js click body no_overflow
-------------------------------------------------------------- */

/* Body action */
.no_overflow {
  overflow: hidden!important;
}



/* ######################## /*
/* ### [3.0] V1_ABFMenu ### /*
/* ######################## /*

/* 1- Row V1_ABFMenu
-------------------------------------------------------------- */

/* Row */	
.V1_ABFRow {
    display:flex;
    align-items:center;
    height:76px!important
}		

/* Row sticky */	
.et_pb_sticky .V1_ABFRow {
    height:62px!important;
}		

/* Row1 */	
.V1_ABFRow1 {
    display:flex;
    align-items:center;
    height:100%;
}		
	
/* Row2 */	
.V1_ABFRow2 {
    display:flex;
    align-items:center;
    height:100%;
}

/* ##### LOGO ##### */

/* Logo row */
.V1_ABFLogo {
    background:transparent;	
}

/* Logo after */
.V1_ABFLogo:after {
content:"AB Fermetures";
    color:var(--color-2);
    font-weight:900;
    font-size:22px;
    display:flex;
    align-items:center;
    padding:0 1px;
}

/* ###### V1_ABFMenu ###### */
	
/* Lien du menu */
.V1_ABFMenu a {
    text-transform:none;
}	
	
/* Lien hover */	
.V1_ABFMenu .et-menu a:hover {
    opacity: 1!important;
}



/* ############################### /*
/* ### [3.1] MOBILE V1_ABFMenu ### /*
/* ############################### /*


/* 1- Mobile Logo V1 ABFMenu
-------------------------------------------------------------- */	

@media only screen and (max-width: 980px){
	
/* Logo */
.V1_ABFLogo {
    margin-left:-6px!important;
}	


/* 1a- Mobile Enseigne V1 ABFMenu
-------------------------------------------------------------- */
/* Logo after Enseigne */	
.V1_ABFLogo:after{
    content:"AB Fermetures";
    font-size:16px!important;
    margin-left:-4px!important;
    margin-top:6px;
}


/* 2- Mobile Row V1 ABFMenu
-------------------------------------------------------------- */
		
/* ##### CUSTOM ROW ##### */
	
/* Row1 switch hamburger left */	
.V1_ABFRow1 {
    flex-direction: row-reverse;
    margin-right: 7px!important
}	
	
/* Row2 */	
.V1_ABFRow2 {
    max-width:102px!important;
    min-width:102px!important;
    background-color: var(--color-2) !important;
    border-radius: 99px 0 0 99px;
    box-shadow: -6px 0px 0px 0px var(--color-1)!important;	
    right: 0;
    height: 100%!important;
}
	
/* Row2 sticky */	
.et_pb_sticky .V1_ABFRow2 {
    box-shadow: none!important;
}


/* 2a- Mobile Row and Logo custom height V1_ABFMenu
-------------------------------------------------------------- */

/* Row height*/	
.V1_ABFRow {
    height:64px!important
}		

/* Row height sticky */	
.et_pb_sticky .V1_ABFRow {
    height:54px!important;
}

/* Logo height */
.V1_ABFLogo.et_pb_image_0_tb_header .et_pb_image_wrap img {
    height: 62px!important;
}

/* Logo height sticky */
.et_pb_sticky .V1_ABFLogo.et_pb_image_0_tb_header .et_pb_image_wrap img {
    height: 52px!important;
}	


/* 3- Mobile Icon right V1_ABFMenu
-------------------------------------------------------------- */
/* ##### ICON RIGHT ##### */	

/* Icon default */	
div.V1icon_ABFheader .et-pb-icon{
    color:#fff!important;
    border-radius:32px;
    padding:8px!important;
    font-size:24px!important;
    cursor:pointer;
}	
	
/* Icon hover */	
div.V1icon_ABFheader .et-pb-icon:hover {
    background:var(--color-1);
    color:var(--color-2)!important;
    opacity:1!important;
    border:1px solid var(--color-1)!important;
}
	
/* Icon phone */	
div.V1icon_ABFphone .et-pb-icon {
    background:var(--color-1)!important;
    color:#fff!important;
    border:2px solid #fff;
    font-size: 28px!important;
    padding: 8px 12px!important;
    margin:0 4px;
    margin-right:0px;
    transition: all .3s ease;
}		
	
/* Icon search */		
div.V1icon_ABFsearch .et-pb-icon {
    color:#fff;
}
	
/* Icon search hover*/		
div.V1icon_ABFsearch .et-pb-icon:hover {
    border: 0px solid var(--color-1)!important;
}


/* 4- Mobile Slide in left V1_ABFMenu
-------------------------------------------------------------- */	

/* Menu content */
.V1_ABFMenu .et_mobile_menu {
    height:100vh!important;
    max-height:100%!important;
    margin-left: calc(100% - 320px);
    width: 320px;	
    left:-100%!important;
    top:0 !important;
    display:block!important;
    position:fixed!important;	
    margin-top:0!important;
    border-top:0!important;
    overflow-y:auto!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:9998;	  
}
	
/* Menu closed transition */
.V1_ABFMenu .mobile_nav.closed .et_mobile_menu {
    min-height:100vh!important;
    margin-top:-18px!important;
    margin-left:-18px!important;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .6s 0s;
    -moz-transition:-moz-transform .6s 0s;
    transition:transform .6s 0s ease-in-out!important;	
}
	
/* Menu hover transition */
.V1_ABFMenu .mobile_nav.opened .et_mobile_menu {
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-overflow-scrolling: touch;
    -webkit-transition:-webkit-transform .6s 0s!important;
    -moz-transition:-moz-transform .6s 0s!important;
    transition:transform .6s 0s ease-in-out!important;
}


/* 5- Mobile Menu V1_ABFMenu
-------------------------------------------------------------- */
/* ##### DEFAUT MENU ##### */	

/* Hide on mobile & tablette */
.hid-motabs{
    display:none;
    visibility:hidden;
    height:0;
    width:0
}
	
/* Remove click elements */	
.no-clik-me a{
    pointer-events:none;
    border:0px;
}
	
/* Background */
.V1_ABFMenu ul#mobile_menu1 {
    background:#fff!important;
    min-height:100vh !important
}

/* Lien du menu */
.V1_ABFMenu a {
    color: var(--color-2)!important;
    font-size:16px!important;
    font-weight:700;
    text-transform:none;
}

/* Lien actif color */
.V1_ABFMenu.et_pb_menu ul li.current-menu-item a:hover, .V1_ABFMenu.et_pb_menu ul li.current-menu-item a {
    color:var(--color-1)!important;
    border-left:4px solid var(--color-1);
    pointer-events:none!important;
    font-weight:900;	
}

/* ##### SCROLLBAR ##### */

/* Width scrollbar */
.V1_ABFMenu #mobile_menu1::-webkit-scrollbar {
    width: 6px!important;
}

/* Scrollbar Track */
.V1_ABFMenu #mobile_menu1::-webkit-scrollbar-track {
    background: var(--color-2)!important;
}
 
/* Scrollbar Handle */
.V1_ABFMenu #mobile_menu1::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg,var(--color-1) 0%,var(--color-1) 100%); 

/* Supprimer background color pour utiliser gradient */
    background: var(--color-1)!important;
    border-radius: 0 0 99px 99px!important;
}

/* Scrollbar Handle hover */
.V1_ABFMenu #mobile_menu1::-webkit-scrollbar-thumb:hover {
    background:var(--color-2)!important;
}	
	

/* 6- Parent link toogle V1_ABFMenu
-------------------------------------------------------------- */
	
/* Padding and Margin */	
.V1_ABFMenu.et_pb_menu ul li {
    margin-top: 0;
    padding: 0;
    margin-bottom:0;
}
		
/* ### PARENT LINK TOOGLE ACTIF ### */	
	
/* Change texte color */
.V1_ABFMenu ul.et_mobile_menu li.menu-item-has-children.dt-open>a,
.et-db #et-boc .et-l .V1_ABFMenu ul.et_mobile_menu li.menu-item-has-children.dt-open>a {
    color: #fff!important;
    font-size:15px!important;
    font-weight:900!important;
}	
	
/* Change background color */
.V1_ABFMenu ul.et_mobile_menu li .menu-item-has-children.dt-open, .et-db #et-boc .et-l .V1_ABFMenu ul.et_mobile_menu  li.menu-item-has-children.dt-open{
    background:var(--color-1);
}			


/* 7- Submenu V1_ABFMenu
-------------------------------------------------------------- */

/* Force visibility submenu */ 
header.et-l.et-l--header {
    position: relative;
    z-index: 99999;
}


/* 8- Children submenu V1_ABFMenu
-------------------------------------------------------------- */
	
/* Container */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu,
.et-db #et-boc .et-l .V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu {
    padding:0!important;
    border: none;
}	
	
/* Link */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a,
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a {
    width: 100%;
    padding-left:42px!important;
    font-size:14px!important;
    background:#ecf0f1
}
	
/* Padding */
.V1_ABFMenu.et_pb_menu ul li ul.sub-menu li {
    padding:0;
    margin:0;
}	

/* ### SUBMENU CHILDREN HOVER ### */
	
/* Add icon before */
.V1_ABFMenu.et_pb_menu ul li.open_direct a:hover::before,
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover::before, 
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover::before {
    font-family: "ETModules"!important;
    content: "\e035"!important;
    margin-right:4px;
    color:#fff!important;
    -webkit-transition: all .500s ease-in-out;
    transition: all .500s ease-in-out;
}		

/* Background hover */
.et-db #et-boc .et-l .V1_ABFMenu .et_mobile_menu li a:hover, .V1_ABFMenu .et-db #et-boc .et-l .nav ul li a:hover {  
    opacity:1;
    background-color: var(--color-1);
    color: #fff !important;
}	
	
	
/* 9- Child children submenu V1_ABFMenu
-------------------------------------------------------------- */	

/* ### PARENT ### */	
.V1_ABFMenu ul li li {

}
	
.parent-children a.mobile-toggle{
    border-left:6px solid var(--color-1)!important;
    height:34%!important
}	
	
/* ### CHILDREN ### */
	
/* Link children */
.V1_ABFMenu .sub-menu ul a {
    border-left:6px solid var(--color-2);
}
	
/* Padding link children */
.et-db #et-boc .et-l .V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu ul li a{
    padding-left:68px!important
}		
	

/* 10- Icons V1_ABFMenu
-------------------------------------------------------------- */	
	
/* Hide doublon icon */
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::before,
.logo-mobil-menu a:before,
.contact-btn-menu a:before{
    content: ""!important;
}	

/* ### PARENT ICON BEFORE ### */
	
/* Toogle icon closed */
.V1_ABFMenu .et_mobile_menu .menu-item-has-children>a:before{
    font-family: "ETModules";
    content: '\35';
    color:var(--color-2);
}

/* Toogle icon active */
.V1_ABFMenu ul.et_mobile_menu li.menu-item-has-children.dt-open>a:before {
    content:"\33";
    font-family: "ETModules";	
    color:#fff;
}
	
/* ### PARENT ICON AFTER ### */
	
/* Toogle icon closed */
.V1_ABFMenu ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.V1_ABFMenu .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\4c';
    font-size:16px;
    color: var(--color-2);
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    padding-left:2px;
}

/* Toogle icon open */
.V1_ABFMenu  ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.V1_ABFMenu .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '\4b';
    color: var(--color-1);
}	


/* 11- Elements content V1_ABFMenu
-------------------------------------------------------------- */

/* ### HEADER LOGO ### */	
	
/* Header logo sticky */	
.V1mobmenu_Logo{
    position:sticky;
    top:0;
    left:0;
    margin-bottom:0;
    z-index:9998!important;
}	
	
/* Header logo link */
.V1mobmenu_Logo a{
    background:#fff;
    text-align:center;
    padding:0!important;
    padding-top:12px!important;
    border:none!important;
}	
		
/* Header logo width */
.V1mobmenu_Logo img {
    max-width: 25%;
}

	
/* ### HEADER INLINE BTN ### */

/* Row */
.V1mobmenu_BtnHeaderRow {   
    margin: 0!important;
    overflow-x: visible!important;
    overflow-y: hidden;
    white-space: nowrap;
}		
	
/* Row height */
.et_pb_row.V1mobmenu_BtnHeaderRow{
    min-width:100%;
    min-height:46px!important;
    margin-bottom:32px!important;
}		
	
/* Bouton container */
.V1mobmenu_BtnHeaderRow .et_pb_button_module_wrapper{   
    margin:0 8px!important;
    display:inline-block;
    height:0!important; 
}
		
/* Bouton links */
.et-db #et-boc .et-l .et_mobile_menu .V1mobmenu_BtnHeader a{
    padding:0;
    margin:0!important;
    background:var(--color-2);
    color:#fff!important;
    border:0!important;
    font-size:16px!important;
}
	
/* Bouton intérieur padding */
a.et_pb_button.V1mobmenu_BtnHeaderBtn.et_pb_bg_layout_light {
    padding: 0 8px 0 32px !important;
}	

/* Bouton hover */	
.V1mobmenu_BtnHeader a:hover {
    background:var(--color-2)!important;
    color:#fff!important;
    opacity:1!important;
}	
	
/* SCROLLBAR */
.V1mobmenu_BtnHeaderRow::-webkit-scrollbar-thumb {
    border-bottom: 2px solid var(--color-1)!important;
}

/* Scrollbar height */
.V1mobmenu_BtnHeaderRow::-webkit-scrollbar {
    height: 2px!important;
    background: var(--color-1)!important;
}
	
	
/* ### LIEN PAGE ACCUEIL ### */	
	
/* Icon lien page d'accueil */
.link-menu-home a:before {
    font-family: "ETModules";
    content: '\e009';
    margin-right:4px
}
	
/* ### CTA BUTTON CONTACT ### */
		
/* CTA background  */
.V1_ABFMenu .full-width-btn-menu a {
    background:var(--color-1);
    color:#fff!important
}
	
/* CTA hover */	
.V1_ABFMenu .full-width-btn-menu a:hover {
    background:var(--color-2)!important;
    font-size:16px!important;
    opacity:1!important
}	
	
	
/* ### FOOTER ICON RESEAUX SOCIAUX ### */

/* Icon items */
.et-db #et-boc .et-l .et_mobile_menu .icon_reso a {
    border-bottom: 1px solid var(--color-1);
    padding: 0;
    display: inline-block;
    cursor:pointer!important;
}

/* Icon row padding */	
.et-db #et-boc .et-l .et_mobile_menu .icon_reso li {
    padding:0;
    margin:0;	
    background:transparent
}	
	
/* Align icons */	
.icon_reso ul {
    text-align:center!important;  
    padding:6px 0!important;
    position:static;
}

/* Icon hover */
.et-db #et-boc .et-l .et_mobile_menu .icon_reso a:hover {
    opacity:1
  }
}


/* 12- Mobile V1_ABFMenu responsive max-width 499px
-------------------------------------------------------------- */

/* #### RESPONSIVE WIDTH MOBILE MENU CONTENT #### */	
	
/* Width mobile menu */	
@media only screen and (max-width: 499px){

.V1_ABFMenu .mobile_nav.opened .et_mobile_menu{
    width: 100%!important;
    margin-left: 0!important;
  }
}


/* 13- Mobile V1_ABFMenu responsive max-width 339px
-------------------------------------------------------------- */

/* Hide enseigne */
@media only screen and (max-width: 339px){
.V1_ABFLogo:after {
    display:none
  }
}



/* ################################ /*
/* ### [3.2] DESKTOP V1_ABFMenu ### /*
/* ################################ /*

/* 1- Desktop Logo V1_ABFMenu
-------------------------------------------------------------- */	

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

/* Logo */	
.V1_ABFLogo {
    margin-left:auto!important;
    margin-right:5%!important
}


/* 2- Desktop Row V1_ABFMenu
-------------------------------------------------------------- */		
/* ##### CUSTOM ROW ##### */

/* Row1 */	
.V1_ABFRow1 {
    min-width:82%
}		
	
/* Row2 */	
.V1_ABFRow2 {
    position:absolute;
    right:0;
    top:0;
    max-width:221px;
    justify-content:center
}


/* 3- Desktop Icon right V1_ABFMenu
-------------------------------------------------------------- */	
/* ##### ICON RIGHT ##### */

/* Icon Phone and Search */
div.V1icon_ABFheader .et-pb-icon {
    color:var(--color-2)!important;
    cursor:pointer;
    margin-right:8px;
}	
	
/* Icon Hover */
div.V1icon_ABFheader .et-pb-icon:hover {
    color:var(--color-1)!important;
    background:var(--color-2)!important;
    border:2px solid var(--color-1);
}		
	
/* Icon Phone */
div.V1icon_ABFphone .et-pb-icon{
    background:#ecf0f1;
    font-size:34px!important;
    border-radius:99px;
    padding: 6px 10px;
}	

/* Icon Search */	
div.V1icon_ABFsearch .et-pb-icon {
    background:#ecf0f1;
    font-size:24px!important;
    border-radius:99px;
    padding:10px;
    margin-right:14px;
}
	

/* 4- Desktop Menu V1_ABFMenu
-------------------------------------------------------------- */	
/* ##### MENU ##### */

/* Hide on desktop */
.hid-desktop{
    display:none!important;
    visibility:hidden;
    height:0!important;
    width:0
}

/* Section top bar header V1 */ 	
.et_pb_section.et_pb_section_0_tb_header.section_top_header_v1.hid-motabs.et_pb_with_background.et_section_regular {
    z-index: 9;
}	
	
/* Menu section */
.et_pb_section.et_pb_section_4_tb_header.V1_ABFSection.et_pb_sticky_module.et_section_regular.et_pb_section--with-menu {
    background: #fff;
}	
	
/* Menu row */
.V1_ABFMenu {
}	

/* Lien du menu */
.V1_ABFMenu a {
    color: var(--color-2)!important;
    font-size:17px!important;
    font-weight:900!important;
    text-transform:none;
}

/* Lien du menu adjust position */
.V1_ABFMenu ul li {
    height:76px!important;
    align-items:center!important;
    margin-top:0!important;
    padding-top:12px;
}
  
/* Lien actif color */
.V1_ABFMenu.et_pb_menu ul li.current-menu-item a:hover, .V1_ABFMenu.et_pb_menu ul li.current-menu-item a {
    color:var(--color-1)!important;
    border-left: 4px solid var(--color-1);
    pointer-events:none!important;
    font-weight:900;
}  
	
/* Lien du menu sticky */
.et_pb_sticky .V1_ABFMenu ul li {
    max-height:62px!important;
    margin-top:0!important;
}
  

/* 5- Itemline bottom V1_ABFMenu
-------------------------------------------------------------- */

/* Line color */	
.V1_itemline.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a:before {
    background-color: var(--color-1);
}

/* Line adjust position */	
.V1_itemline.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a:before {
    top: 85%;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
    transform: scaleX(0);
    border-radius: 20px;
}

/* Line animation transition */	
.V1_itemline.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li.current-menu-item>a:before,
.V1_itemline.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover>a:before {
    transform: scaleX(1);
}	
  

/* 6- CTA link V1_ABFMenu
-------------------------------------------------------------- */	
	
/* V1_CTA row */
.V1_ABFMenu .contact-btn-menu {
    padding-top:4px
}
	
/* V1_CTA link */
.V1_ABFMenu .contact-btn-menu a {
    background:var(--color-1);
    color:#fff!important;
    font-size:18px;
    font-weight:700;
    display:flex!important;
    text-align:center!important;
    align-items:center;
    height:50%;
    padding:22px 32px;
    padding-top:6px;
}

/* V1_CTA hover */
.V1_ABFMenu .contact-btn-menu a:hover {
    background:var(--color-2)!important;
}

/* V1_CTA before change line color */
.V1_ABFMenu .contact-btn-menu a:before {
    background-color: var(--color-2)!important;
}
	
/* V1_CTA hover before icon */	
.V1_ABFMenu .contact-btn-menu a:hover::before {
    content:"";
    background:var(--color-2);
}		
	
/* V1_CTA / Actif change color */
.V1_ABFMenu .et_pb_menu ul li.current-menu-item.contact-btn-menu a {
    color:#fff!important;
    background: var(--color-2);
}	


/* 7- Submenu V1_ABFMenu
-------------------------------------------------------------- */
	
/* Force visibility submenu */ 
header.et-l.et-l--header {
    position: relative;
    z-index: 99999;
}	
	
/* Border top arrow */
.V1_ABFMenu nav > ul > li > ul:after {
    position: absolute;
    left: 20%;
    margin-left: -20px;
    top: -16px;
    width: 0;
    height: 0;
    content:'';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--color-1)!important;
}	
	
/* Submenu container */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu,	
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu {
    padding:0!important;
    border: none;
    border-top:4px solid var(--color-1)!important;
}
	
/* Submenu display links */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li,
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li {
    display:block;
    float:none;
    height:auto!important;
}

/* Submenu Padding links */
.V1_ABFMenu.et_pb_menu ul li ul.sub-menu li {
    padding:0px!important;
}

/* Submenu links*/	
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a,
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a {
    width: 100%;
    line-height: inherit;
    border-bottom: 1px solid rgba(0,0,0,.10);
    border-top: 0;
    padding: 13px 15px;
    margin-top:0!important;
    display:block;
    color:var(--color-2);
    font-size: 14px!important;
    font-weight:700!important;
}

/* Links submenu hover */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover,	
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{
    opacity:1;
    padding-left: 28px!important;
    background-color: var(--color-1);
    color: #fff!important;
}


/* 8- Submenu children V1_ABFMenu
-------------------------------------------------------------- */	
/* ###### CHILDREN ###### */
	
/* Child submenu content */
.V1_ABFMenu .nav li li ul, .et-db #et-boc .et-l .V1_ABFMenu .nav li li ul {
    top: 0px;
    border-radius: 0px 0px 0px 0px!important;
}	

	
/* 9- Submenu left line V1_ABFMenu
-------------------------------------------------------------- */	
/* ###### LEFT LINE ###### */

/* Width */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before, 
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:before {
    width: 14px!important;
}

/* Height and animation */
.V1_ABFMenu.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before,
.V1_ABFMenu.et-db #et-boc .et-l .et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:before {
    position: absolute;
    content: '';
    left: 6px;
    top: 26px;
    width: 0;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all .500s ease-in-out;
    transition: all .500s ease-in-out;
}


/* 10- Icons V1_ABFMenu
-------------------------------------------------------------- */
/* ### ICONS DU MENU ### */	

/* Icon menu closed */
.V1_ABFMenu .et-menu .menu-item-has-children>a:first-child:after {
    content: "\4c"!important;
    font-family:ETmodules;
    color: var(--color-2);
    -webkit-transition: 0.3s ease-in-out!important;
    transition: 0.3s ease-in-out;
}

/* Icon menu hover */
.V1_ABFMenu .et-menu .menu-item-has-children > a:hover:after,
.V1_ABFMenu .et-menu .menu-item-has-children > a:focus:after {
    content: "\4b"!important;
  }		
}


/* 11- Desktop V1_ABFMenu responsive min-width 981px and max-width 1199px
-------------------------------------------------------------- */
/* ### FONTS RESPONSIVE ### */	

@media only screen and (min-width: 981px) and (max-width: 1199px) {
/* Logo */	
.V1_ABFLogo:after,

/* Lien du menu */
.V1_ABFMenu a {
    color: var(--color-2)!important;
    font-size:100%!important;
}
	
.V1_ABFLogo {
    margin-right: 6px!important;
  }
}