/*
Theme Name: CCSNP
Description: Theme enfant de Divi
Author: Idmagine
Author URI: https://www.idmagine.com/
Template: Divi
Version: 0.1.0
*/

/*MENU PRINCIPAL*/
/*MENU PRINCIPAL - LIEN*/
.nav li ul {border-top: 3px solid #001854!important;}
.MenuPrincipal a {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	color: #000!important;
}

/*MENU PRINCIPAL - BOUTON*/


/*MENU PRINCIPAL - BOUTON*/
.MenuPrincipal .bouton-contact a {
	margin: 15px 0px 15px 0px;
    background-color: #0E97A4;
    color: #fff!important;
    border: 0px solid #49c2c1;
    padding: 10px !important;
    border-radius: 50px !important;
	font-weight: 800 !important;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;

}

.MenuPrincipal .bouton-contact a:hover {
color:#fff!important;
border:0px;
transition: all 300ms ease 0ms;
border-radius:0px;
}

#MenuPrincipal .bouton-contact a {
	color: #fff!important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a .bouton-contact  { padding: 10px!important;}

/*SOUS MENU*/
.MenuPrincipal ul.sub-menu {
  padding: 18px 0!important;
  text-align: left;
  margin-top: 0px;
  width:320px!important;
  border-top: 0px solid #000;
	background-color:#FFF!important;}

.MenuPrincipal ul.sub-menu  a {
 line-height:1.3em;
 margin-top:0px;}

.MenuPrincipal li ul.sub-menu li a {
width:100%;
font-weight: 500;}

.Adherer {
	padding-right:0!important;}
.EspacePRO  {
	padding-left:4px!important;
padding-right:0!important;}
.conex  {
	padding-left:4px!important;}

@media only screen and (max-width: 1200px) {
.et_mobile_menu {
	border-top: 5px solid #000;
	margin-top: 2.3%;
	}
.et_mobile_menu li a {
	padding:0!important;
	font-size: 18px;
	}
.MenuPrincipal li {
	height: max-content;
	margin-bottom: 12px;
	}
.EspacePRO {
	padding-left: 0px!important;
	}
.MenuPrincipal .Adherer a,
.MenuPrincipal .EspacePRO a,
.MenuPrincipal .conex a {
	width:fit-content!important;
	}
.MenuPrincipal .Adherer {
	margin-top: 00px!important;
	}
.MenuPrincipal .EspacePRO {
}
    .et_pb_menu .et_mobile_menu {
        top: 100%;
        padding: 5%;
    }
	
.et_mobile_menu::marker {
		display:none;
	}
}

/* Point de rupture Ã  1200 pixels */
@media (max-width: 1200px) {
   /* Masquez le menu principal */
   .et_pb_menu .et_pb_menu__menu>nav {
       display: none;
   }
   /* Affichez le menu hamburger (icÃ´ne) */
   .et_mobile_nav_menu {
    float: none;
    margin: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}
@media (max-width: 1200px) and (min-width: 750px) {
		.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    width: 20%!important;
    max-width: 100%;}
}


/*MENU - MAC*/
@media screen and (max-width: 1400px) and (min-width: 820px) {
	.et_pb_menu_1_tb_header.et_pb_menu .et_pb_menu__logo {
        max-width: 21%!important;
    }
	.et_pb_menu_1_tb_header.et_pb_menu.globale .et_pb_menu__logo {
        max-width: 18%!important;
    }
}

/*MENU - IPAD PRO*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.et_pb_menu_1_tb_header.et_pb_menu .et_pb_menu__logo {
        max-width: 25% !important;
    }
	ul#mobile_menu2.et_mobile_menu { list-style-type: none;}
}

/*MENU SUR MOBILE*/
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 {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
	border-bottom: 0;
	text-align: center;
}
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;
}
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background-color: #FFF;
}

/*Hide the Sub-menu*/
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;
}
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 {
	background-color: #FFF!important;
	z-index: 5000;
    position: absolute;}

/*Show the sub-menu when the + icon is clicked*/
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;
}

/*Create the opening/closing icon using the SVG Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
	top: 10px;
	position: relative;
}

/*Hide the closing icon if the sub-menu is not open*/
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
	display: none;
}

/*Hide the opening icon if the sub-menu is open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
	display: none;
}




@media only screen and (max-width: 690px) {	.et_pb_menu .et-menu>li.icon-menu {
	display: none !important;}
	}


/* FLEX */

.flex.center .et_pb_column {
    justify-content: center!important;
}

.flex .et_pb_column {
    display: flex!important;
    flex-wrap: wrap!important;
	flex-direction: row!important;}
