@charset "utf-8";
/* CSS Document */





/*	---------------------------------------------------------------------------------------------------------------------------
	I - CLASS .navVert & .navHorz : élément par defaut d'un menu Vertical ou Horizontal
	--------------------------------------------------------------------------------------------------------------------------- */
	
	/* BUG sous IE7 : esapce sous les li + lien  au survole*/
	
	/* Propriété identiuqe */
	.navVert, 
	.navHorz {
		margin: 0;
	}
		.navVert li,
		.navHorz li {
			margin: 0;
			list-style: none;
		}
			.navVert li a,
			.navHorz li a {
				text-decoration: none;
			}
			
			/* navVert */
			.navVert li, .navVert li a {
				display: block;
			}
			
			/* navHorz */
			.navHorz li, .navHorz li a { display: block; float: left; }
	
	
	
	/*	---------------------------------------------------------------------------------------------------------------------------
		II - Liste des différents menus
		--------------------------------------------------------------------------------------------------------------------------- */
		
		
		/* main-menu 
		--------------------------------------------------------------------------------------------------- */
		#main-menu {
			position: relative;
			float: left;
			margin-top: 38px;
			width: 100%;
			border-top: 1px solid #d1d1d1;
			padding-top: 1px;
			z-index: 1000;
			margin-bottom: 0px;
		}
			/* CLASS .shadowRight (voir propriétés par defaut de la class)*/
			#main-menu .shadowBottom {
				background: url(/web/20220411071232im_/http://menuiserie-lobet.be/wm-public/images/template/main-menu-shadow-bottom.png) top center no-repeat;
			}
			/* ul */
			#main-menu ul {
				position: relative;
				background: white;
				float: left;
				width: 100%;
			}
				/* 1er élément li */
				#main-menu ul li:first-child { border-top: 1px e4e4e4 #c97262; }

				/* li */
				#main-menu>ul>li {
					position: relative;
					display: block;
					float: left;
					width: 212px;
					border-bottom: 1px solid #e4e4e4;			
					margin: 0;
					padding: 0;
					padding-left: 8px;
					
				}
				#main-menu>ul>li>a:before,#main-menu>ul>li>a:before
				{
					content:"";
					position: absolute;
					width:0px;
					left: 0;
					height: 100%;
					background: #fce700;
					transition:0.2s;
				}
				#main-menu>ul>li.active>a:before,#main-menu>ul>li:hover>a:before
				{
					width:8px;
				}

					/* a */
					#main-menu>ul>li>a 
					{
						border-left: 2px solid white;
					}
					#main-menu ul li a {
						padding: 0 0 0 10px;
						
						text-align: left;
						font: normal normal 12px/35px 'Open Sans', Arial, Helvetica, sans-serif;
						text-transform: uppercase
						;
					}
					#main-menu>ul>li>a:link, #main-menu>ul>li>a:visited { background: #fff; color: #767676;transition:0.2s;}
					#main-menu>ul>li:hover>a, #main-menu>ul>li:active>a, #main-menu>ul>li:focus>a, #main-menu>ul>li.active>a{ background: #dfdfdf ;color: #316f98; }


					
					/* Sub Menu */
					/* hover*/
					#main-menu ul > li:hover ul{
						width: 220px;
						opacity: 1;
						background: #fff;
					}
						/* ul */
						#main-menu ul > li > ul {
							position: absolute;
							top: -1px;
							left: 100%;
							width: 0px;
							opacity: 0;
							overflow: hidden;
							margin-bottom:  2px; 
							box-shadow: 3px 3px 3px -3px #777;
							border:1px solid #d1d1d1;
							transition:width 0.3s,opacity 0.2s;
						}
							/* li & li a */
							#main-menu ul > li > ul li, #main-menu ul > li > ul li a { }            
							#main-menu ul > li > ul li {
								margin: 0;
								padding: 0;
								width: 220px;
								
							}
								/* a */
								#main-menu ul > li > ul li a {
									padding-top: 3px;
									padding-bottom: 3px;
									padding-right: 20px;
									font-size: 10px;
									line-height: 18px;
									background: white;
									transition:0.2s;
								}
								#main-menu ul > li > ul li+li {
									border-top: 1px solid #d1d1d1;
								}
								/* hover */
								#main-menu ul > li > ul li.active a,#main-menu ul > li > ul li a:hover {background: #316f98; color: #fff;}
		
		
		/* langue
		--------------------------------------------------------------------------------------------------- */
		
		/* menu lang */
		.lang-menu {			
			position: absolute;
			right: 0;
			top: 0;
			margin: 0;
			z-index: 6969;

			box-shadow: 0px 0px 5px #777;
		}
			.lang-menu li, .lang-menu li a { display: block; float: left; }
			.lang-menu li {
				margin: 0px;
				list-style: none;
			}
				.lang-menu li a {
					width: 10px;
					padding: 6px 13px;
					line-height: 19px;
					text-decoration: none;
					text-align: center;
					background: #316f98;
						box-shadow: inset -50px 0px 0px white,
							inset -1px -1px 1px #bbb;
						transition:0.2s;
				}
				.lang-menu li a:link, .lang-menu li a:visited { color: #316f98; }
				.lang-menu li a:hover, .lang-menu li a:active, .lang-menu li a:focus, .lang-menu li a.active { box-shadow: inset 0px 0px 0px white,inset -1px -1px 1px #bbb; color: #fff; }

/*
     FILE ARCHIVED ON 07:12:32 Apr 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:04:24 Mar 20, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 327.67
  exclusion.robots: 0.067
  exclusion.robots.policy: 0.057
  RedisCDXSource: 0.6
  esindex: 0.009
  LoadShardBlock: 310.46 (3)
  PetaboxLoader3.datanode: 331.75 (5)
  load_resource: 208.73 (2)
  PetaboxLoader3.resolve: 82.384 (2)
*/