#menu_top {
	background: #fff !important;
	border-top: 0px solid #eee; 
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 10px;
	padding:0px;
	position:relative;
}

@media (min-width: 992px) {#menu_top .navbar-toggleable-md {display:inline-block !important}}


#menu_top .navbar-header button {padding: 13px;font-size: 40px;color: var(--basecolor) !important;border-top-left-radius: 0;    border-bottom-left-radius: 0;outline: none;}
@media (max-width: 544px) {#menu_top .navbar-header button {font-size: 30px;}}

/* ************************************************************************************************
/* nav-item */
/* ************************************************************************************************ */

#menu_top .nav-item {position: static;margin-left: 0px;}

#menu_top .nav-item .nav-link {
	font-size: 17px;
	padding: 15px 30px 15px 30px;
	font-weight: 600;
	box-shadow: 0px 0px 0px 0px var(--basecolor) inset;
	line-height: 20px;
	color: #222222;
	transition: all 0.4s;
	
}
@media (max-width: 1400px) {#menu_top .nav-item .nav-link {padding: 15px 20px 15px 20px; }}
@media (max-width: 1199px) {#menu_top .nav-item .nav-link {padding: 12px }}

#menu_top .dropdown-toggle:after {display:none;}

#menu_top .nav-item .nav-link span {transition: all 0.4s;}
#menu_top .nav-item .nav-link i {padding-left: 5px;color: #999;transition: all 0.4s;}

#menu_top .nav-item:hover .nav-link {box-shadow: 0px -4px 0px 0px var(--basecolor) inset;color: var(--basecolor) !important;}
#menu_top .nav-item:hover .nav-link span {color: var(--basecolor) !important;}
#menu_top .nav-item:hover .nav-link i {color: transparent;}


#menu_top .menu_nosconseils .nav-link {color:#fff; background:#9449a7  ; box-shadow: 0px 0px 0px 0px #9449a7 inset; }
#menu_top .menu_nosconseils .nav-link span {color:#fff !important; }
#menu_top .menu_nosconseils:hover .nav-link {color:#fff !important;box-shadow: 0px -106px 0px 0px #b158c7 inset;}

#menu_top .menu_poseur .nav-link {color:#333; background:#ffcf00  ; box-shadow: 0px 0px 0px 0px #ffcf00 inset; }
#menu_top .menu_poseur:hover .nav-link {color:#333 !important; box-shadow: 0px -106px 0px 0px #ffd729 inset;}
#menu_top .menu_poseur:hover .nav-link span {color: #333 !important;}

#menu_top .menu_services .nav-link {color:#fff; background:var(--basecolor)  ; box-shadow: 0px 0px 0px 0px #6cbae5 inset; padding: 14px 20px;}
#menu_top .menu_services .nav-link i {font-size: 21px;padding-right: 5px;vertical-align: middle;}
#menu_top .menu_services .nav-link span {color:#fff !important;vertical-align: middle; }
#menu_top .menu_services:hover .nav-link {color:#fff !important;box-shadow: 0px -106px 0px 0px #6cbae5 inset;}

#menu_top .menu_services .nav-link {color:var(--basecolor); background:#fff  ; box-shadow: 0px -4px 0px 0px var(--basecolor) inset;border-radius: 5px 5px 0px 0px }
#menu_top .menu_services .nav-link span {color:var(--basecolor) !important; }
#menu_top .menu_services:hover .nav-link {color:#fff !important;box-shadow: 0px -106px 0px 0px var(--basecolor) inset;}
#menu_top .menu_services:hover .nav-link span {color:#fff !important; }
@media (min-width: 992px) and (max-width: 1400px) 	{#menu_top .menu_services span {display:none;}}


#menu_top .menu_rdv .nav-link {color:#000; background:#fff  ; box-shadow: 0px -4px 0px 0px #f6c900 inset; padding: 14px 20px;border-radius: 5px 5px 0px 0px}
#menu_top .menu_rdv .nav-link i {font-size: 21px;padding-right: 5px;vertical-align: middle;}
#menu_top .menu_rdv .nav-link span {color:#000 !important; vertical-align: middle; }
#menu_top .menu_rdv:hover .nav-link {color:#000 !important;box-shadow: 0px -106px 0px 0px #f6d43c inset;}
#menu_top .menu_rdv:hover .nav-link span {color:#000 !important;}

@media (min-width: 992px) 	
 	{
	#menu_top .navbar-nav .nav-item {float: none;display: inline-block;}
	#menu_top .navbar-toggleable-md {width: 100%;max-width: 1400px;}
	#menu_top .dropdown-sub {top: calc( 100% - 1px );}
	#menu_top .navbar-nav .nav-item.menu_rdv {float:right;}
	#menu_top .navbar-nav .nav-item.menu_services   {float:right;}
	}
	
 @media (max-width: 991px) 	{ #menu_top .navbar-nav .nav-item + .nav-item, .navbar-nav .nav-link + .nav-link { margin-left: 0px;} #menu_top .dropdown-toggle::after {display:none;}}

@media (max-width: 1199px) {
		
		#menu_top .nav-item .nav-link {	font-size: inherit;}
		}

#menu_top .btn { background:#fff; }

/* ************************************************************************************************
/* dropdown */
/* ************************************************************************************************ */

#menu_top .dropdown-sub {
	background: #fff !important;
	
	left: 0;
	right: auto;
	margin: auto;
	
	min-width: 200px;
	top: 100%;
	text-align: left;
	transition: all 0.2s;
	border-radius: 0;
	display: block;
	box-shadow: 0px 3px 17px -13px #000;
	opacity: 0;
	height: 0;
		width: 100% !important;
	border:0;
	padding:0;
	overflow:hidden;
}
#menu_top .dropdown-sub::before {display:none;}
#menu_top .dropdown-sub::after {display:none;}

#menu_top .nav-item:hover  .dropdown-sub {
		opacity: 1;
		height: auto;
		border-bottom: 0px solid var(--basecolor);
		border-top: 1px solid var(--basecolor);
		padding: 20px;
		}

@media (max-width: 991px) 
		{
			#menu_top .nav-item:hover  .dropdown-sub {padding: 0px 20px 20px 20px;border-top: 0px; float: none;box-shadow: none;}
		}
/* ************************************************************************************************
/* sous-menu */
/* ************************************************************************************************ */

#menu_top .sous-menu-left {text-align: right;color: #fff;display: block;height: 100%;padding: 5px 15px 15px 0px;}
#menu_top .titre-left {font-size: 30px;line-height: 36px;color: #333; text-transform:uppercase;}
#menu_top .description-left {font-size: 12px;line-height: 14px;color: #666;padding-top: 10px;}
#menu_topt .btn-left {margin-top:0px;}

#menu_top .sous-menu-left .btn {box-shadow: 0 0px 0 0 #f6c900 inset;}
#menu_top .sous-menu-left .btn:hover {box-shadow: 0 -2px 0 0 #f6c900 inset;color: #000 !important;}

 @media (max-width: 1500px) {#menu_top .titre-left {font-size: 30px;line-height: 36px;}} 
 @media (max-width: 1299px) {#menu_top .titre-left {font-size: 24px;line-height: 30px;}} 
 @media (max-width: 991px) 
 	{ 
 	#menu_top .sous-menu-left {padding: 15px 0px 0px 0px;}
	} 



/* ************************************************************************************************
/* MOBILE */
/* ************************************************************************************************ */
 @media (max-width: 991px) 
 	{
		#menu_top {
		border:0;
		background: transparent !important;
		display: inline-block;
		text-align: left;
		top: 0px;
		}
		
		#menu_top .navbar-header {position: absolute;top: -98px;height:60px;}
		#header.minimize #menu_top .navbar-header {top: -67px;}
		#menu_top .nav-item .nav-link {font-size:18px;border-bottom: 1px solid #ddd;}
		#menu_top .nav-item .nav-link  i {	width: 35px;display: inline-block;}
		#menu_top .navbar-toggleable-md {
				position: fixed;
				top:0;
				left:0;
				width: 100%;
				height: 100vh;
				background: #fff;
				z-index:1000;
				margin-top: 0px;
				overflow: auto;
				}
		#menu_top .dropdown-sub {display:inherit; position: relative; box-shadow: none;}
		
		#menu_top .nav-item  .dropdown-sub {
			opacity: 1;
			height: auto;
			border-bottom: 0px solid var(--basecolor);
			border-top: 0px solid var(--basecolor);
			border-left: 15px solid #eee;
			padding: 0px 20px 20px 20px;
			margin-bottom: 40px;

			display: none;
			}
			
	}
@media (max-width: 543px) 
	{
		#menu_top .navbar-header {top: -80px;}
		#header.minimize #menu_top .navbar-header {top: -57px;}
	}