@charset "UTF-8";
/* CSS default */

#_root {
	float: left;
	width: 100%;
	background: #fff url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/body-bg.jpg) no-repeat center top;
}
#_root:before
{
	content: " ";
	position: absolute;
	width:100%;
	height:4px;
	background: #fce700;
	top:0;
	right:50%;
	margin-right: -180px;
}


#global-header {
	float: left;
	width: 100%;
}

	#header {
		position: relative;
		width: 940px;
		margin: 0 auto 0 auto;
		min-height: 30px;
		padding: 20px 0;
	}
	
		#logo {
			float: left;
			transition:0.3s;
		}
		
		#logo:hover {
			float: left;
			opacity: 0.8;
		}
		/* search bar */
		.search_bar{
			font-size:10px; 
			width: 220px;
			height: 21px;
			margin: 59px 0 0 0;
			padding:0;
			float:right;
			background:url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/search.png);
		}
		
		.search_bar form input{
			float:left;
			width: 180px;
			height: 17px;
			margin:0;
			padding: 2px 0 0 5px;
			border: 0px;
			font-size: 11px;
			outline: 0;
			margin:1px 0 0 0;
			color:#797979;
			background:transparent; 
		}
		
		.search_bar form input.searchsubmit{
			width:24px;
			height:17px;
			float:right;
			display:inline;
		}

			

#global-contents {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}


	#contents {
		overflow: hidden;
		width: 940px;
		margin: 0 auto;
		padding: 0;
	}
	
		/* COLUMN LEFT */
		.columnLeft { 
			float: left; 
			padding-top: 10px;
			width: 220px; 
		}
			
			/* Newsletter */
			/* ---------- */
			#subscribe-newsletter 
			{
				position:absolute;
				top:0;
				right:82px;
			}
				/* titre h3*/
				#subscribe-newsletter h3 {
					margin-bottom: 8px;
					padding-bottom: 8px;
					border-bottom: 1px solid #ddd;
					color: #b33720;
				}
				/* form */
				#subscribe-newsletter form {
					float: left;
					margin-bottom: 0;
					border-bottom:1px solid white; 
				}
					#subscribe-newsletter input {
						float: left;
						width: 259px;
						border: none; 
						padding: 8px 11px 9px 11px;
						margin: 0;
						background: #e9e9e9;
						box-shadow: inset -1px -1px 1px #bbb;
						transition:0.3s;
					}
					#subscribe-newsletter input:hover,#subscribe-newsletter input:focus { background: #e5e5e5;box-shadow: inset -1px -1px 6px #bbb;}
					#subscribe-newsletter a {
						display: block;
						float: left;
						width: 30px;
						line-height: 30px;
						padding: 0px 4px;
						font-size: 11px;
						text-decoration: none;
						text-align: center;
						text-transform: uppercase;
						background: #316f98;
						box-shadow: inset -50px 0px 0px white,
							inset -1px -1px 1px #bbb;
						transition:0.3s;
					}
					#subscribe-newsletter a:link, #subscribe-newsletter a:visited { color: #767676; }
					#subscribe-newsletter a:hover, #subscribe-newsletter a:active, #subscribe-newsletter a:focus {box-shadow: inset 0px 0px 0px white,inset -1px -1px 1px #bbb; color: #fff; }
			
		
		
		/* COLIMN RIGHT */
		.columnRight { 
			float: right; 
			width: 678px;
		}
		
			/* SLIDER */
			#slider{
				position: relative;
				float: right;
				display:block;
				clear:both;
				padding:0px;
				position:relative; 
				width:678px;
				height:280px;
				margin:0;
				padding:0;
				z-index: 1;
			}
		
			.sub#slider{
				margin-left:-10px;
			}        
				
			#slider_area{
				overflow:hidden;
				width:678px;
				margin:0 auto;
				position:relative;
				z-index:5;
			}
				
			.slide{
				width:678px;
				position:relative;
				overflow:hidden;
				z-index: 10;
				height:280px !important;
			}
		
			/* slider title */
			#slider_area h1, #slider_area h2, #slider_area h3, #slider_area h4, #slider_area h5, #slider_area h6 { 
				border: none;
				padding: 0;
			}
			#slider_area h1 { font-size: 21px; }
			#slider_area h2 { font-size: 18px; }
			#slider_area h3 { font-size: 16px; }
			#slider_area h4 { font-size: 14px; }
			#slider_area h5 { font-size: 12px; }
			#slider_area h6 { font-size: 10px; }
			
			#slider_area p 
			{ 
				margin-bottom: 0; 
				position: absolute;
				bottom:0;
				width: 656px;
				padding: 10px;
				border-top: #d1d1d1 1px solid;
				background: rgba(255,255,255,0.8);
				font-weight: 400;
				box-shadow: inset 0 -8px 8px rgba(0,0,0,0.1);
				z-index: 100000000000;
			}

			
			/* slider img*/
			.slide .image{
				margin:0;
				padding:0;
				position:relative;
				z-index:5;
				box-shadow: inset 0 -8px 8px #CCC;
			}
				.slide img { width: 676px; height: 300px; }
				
			/* slider right side */
			#slider_area .desc{
				width:656px;
				position:absolute;
				z-index:6;
				bottom:0;
				margin:0px;
				font-size:12px; 
				padding: 10px; 
				font-weight:normal;
				font-size:12px; 
			}
				
			#slider_area .desc a{  text-decoration:underline; }
			#slider_area .desc a:hover{  text-decoration:none; }
			
			/* prev and next buttons*/
			#numbers
			{
				position: absolute;
				right:20px;
				bottom:-42px;
			}
			#numbers>p
			{
				width: 10px;
				height:10px;
				float: left;
				margin-left: 8px;
				border-radius: 5px;
				box-shadow: inset 0px 0px 2px #777;
				background: white;
				cursor: pointer;
				transition:0.2s;
			}
			#numbers>p:hover,#numbers>p.active
			{
				background: #fce700;
			}
			.slider_shadow { 
				width:700px;
				height:20px;
				clear:both;
				display:block;
			}
			
			/* slider color element */
			#slider{
			}
		
			.sub#slider{ margin-left:-10px; }    
				
			/* slider right side */
			#slider_area .desc{ 
				background-color: #fff;
				color: #928988; 
				border-left:1px solid #fff;
				border-right:1px solid #fff;
				border-bottom:1px solid #fff;
			}
			#slider_area .desc a{ color: #fff;  }
			#slider_area .desc a:hover{ }
			
			/* h1 --> h6*/
			#slider_area .desc h1 {
				color: #413333;
			}
			#slider_area .desc h2,
			#slider_area .desc h3,
			#slider_area .desc h4,
			#slider_area .desc h5,
			#slider_area .desc h6 {
				color: #5f4b4b;
			}
			
			/* h1 a --> h6 a*/
			#slider_area .desc h1 a,
			#slider_area .desc h2 a,
			#slider_area .desc h3 a,
			#slider_area .desc h4 a,
			#slider_area .desc h5 a,
			#slider_area .desc h6 a {
				color: #1b1515;
			}
			
		
			/* CMS PAGE */
			#cms-page {
				float: right;
				clear: both;
				width: 100%;
				padding: 15px 0 0 0;
				text-align: left;
			}
			
			/* News */
			#news{

				width: 100%; 
				overflow: hidden;
			}
				.item {
					float:left;
					overflow:hidden;
					width: 190px;
					margin: 0 11px 20px 0; 
					padding: 14px; 
					text-align: left;
					background: #e9e9e9;
					box-shadow: inset 0 -2px 2px #bbb;
				}
					.item.lastElementColumn { margin-right: 0; }
					.item img { 
						width: 190px; 
						height: 143px;
						margin-bottom: 10px;
					}
					.item .date {
						display: block;
						background: #c0c0c0;
						margin-bottom: 10px;
						font-size: 12px;
						color: black;
						padding:1px 10px;
						text-shadow:1px 1px 1px white;
						box-shadow: inset 0 -2px 2px #AAA;
					}
					.item .title {
						height: 75px;
						overflow: hidden;
						font-size: 19px;
						line-height: 25px;
						margin-bottom: 10px;
						color:#9c9c9c;
						font-weight:300;
					}
					.item a {
						text-decoration:none;
					}

					.newsimg
					{
						width:300px;
						margin:0 15px 15px 0 !important;
					}

				
			
#global-footer {
	float: left;
	width: 100%;
	background: #e9e9e9;
}

	#footer {
		overflow-y: auto;
		width: 940px;
		min-height: 80px;
		margin: 0 auto 0 auto;
		padding: 11px 0 30px 0;
		color:#ffF;
		text-align: right;
		background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/footer-bg.png) center top no-repeat;
	}
	
		#signature {
			color: #999999;
			padding: 0;
			font-size: 10px;
		}
		#signature a { 
			text-decoration: none;
			font-size: 10px;
		}
		#signature a:link, #signature a:visited { color: inherit; }
		#signature a:hover, #signature a:active, #signature a:focus { color: #316f98; }


	
	
/* CLASS */

/* Content Boxes */
/* General box layout*/
.box{
	float:left;
	overflow:hidden;
	position:relative;
	background: #fff;
}

/* box for sidebar */
.box.side{
	width:100%;
	clear:both;
	position:relative;
}

	.box.side h5 {
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		color: #316f98;
	}

/* box single */
.box.single{
	width:680px;
	clear:both;
 }
 
/* small box for home */
    .box.small{
	width:328px;
	display:inline;
	padding:0;
}

/* btnMore */
a.btnMore {
	text-decoration: none;
}
a:link.btnMore, a:visited.btnMore
{ 
	display: block;
	background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/background_news.png); 
	width:195px;
	height:28px;
	padding-left:16px;
	padding-top:5px;
	position: relative;
	left: -10px;
	bottom:-10px;
	color: white; 
	transition:0.3s;
}
a:link.btnMore:after, a:visited.btnMore:after
{
	content: " ";
	width:6px;
	height: 10px;
	background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/fleche_news.png); 
	position: absolute;
	right:15px;
	top: 10px;
	transition:0.2s;
}
a:hover.btnMore:after, a:active.btnMore:after, a:focus.btnMore:after
{
	right:10px;
}
a:hover.btnMore, a:active.btnMore, a:focus.btnMore 
{
	opacity: 0.8;
}

/* btnSubmit */
a.btnSubmit {
	float: right;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
}
a:link.btnSubmit, a:visited.btnSubmit
{ 
	background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/background_news.png); 
	width:180px;
	height:22px;
	text-align: right;
	padding-right:16px;
	padding-top:5px;
	color: white; 
	position: relative;
	transition:0.3s;
}
a:hover.btnSubmit, a:active.btnSubmit, a:focus.btnSubmit {opacity: 0.8}
a:link.btnSubmit:after, a:visited.btnSubmit:after
{
	content: "";
	width:6px;
	height: 10px;
	background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/fleche_news.png); 
	position: absolute;
	left:15px;
	top: 10px;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transition:0.2s;
}
a:hover.btnSubmit:after, a:active.btnSubmit:after, a:focus.btnSubmit:after
{
	left:10px;
}
/* CLASS .shadow : permet d'ajouter un ombre
				----------------------------------------------------------------------------*/
  /* 00 PROPRIETES IDENTIQUE DE :*/
  /* .shadowBottom - .shadowTop - .shadowLeft - .shadowRight */
  .shadowTop, .shadowRight, .shadowBottom, .shadowLeft { 
	  position: absolute; 
	  display: block; 
	  z-index: 70; 
  }
  /*.shadowBottom - .shadowTop */
  .shadowBottom, .shadowTop { 
	  left: 0; 
	  width: 100%; 
	  height: 20px; 
  } 
  /*.shadowLeft - .shadowRight */
  .shadowLeft, .shadowRight {
	  width: 20px;
	  height: 100%;
  }
  
  /* 01 .shadowBottom */
  .shadowBottom {
	  bottom: -20px;
	  background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/shadow-bottom-bg.png) no-repeat;
  }
  
  /* 02 .shadowTop */
  .shadowTop {
	  top: -20px;
	  background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/shadow-top-bg.png) no-repeat;
  }
  
  /* 03 .shadowLeft */
  .shadowLeft {
	  left: -20px;
	  background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/shadow-left-bg.png) no-repeat;
  }
  
  /* 04 Les propriétés identiques .shadowBottom & .shadowTop*/
  .shadowRight {
	  right: -20px;
	  background: url(/web/20220411071149im_/http://menuiserie-lobet.be/wm-public/images/template/shadows-right-bg.png) no-repeat;
  }


  /* ADDED FOR LOBET*/
  #global-contents h3 a
  {
  	text-decoration: underline;
  	color:#316f98;
  }
  .listeStyleLine li 
  {
  	font-family: 'Open Sans';
  	font-weight: 300;
  }
  .listeStyleLine li
  {
  	font-size: 14px;
  }
  .listeStyleLine li a
  {
  	text-decoration: none;
  	color:#316f98;
  }
  ._FR
  {
  	float: right;
  	width:255px;
  	margin-left: 35px;
  }
  #charpente_menuiserie
  {
  	float:right;
  	margin-right:50px;
  }
.box.side h2
{
	background:#e9e9e9;
	margin:0;
	text-transform: uppercase;
	font-size: 15px;
	padding:10px 40px;
	box-shadow:inset 0px -1px 1px #bbb;
	margin-top: 31px;
}
#video
{
	height:184px;
	width:255px;
}
h2 u {
	text-decoration: none;
	border-bottom: 1px solid #316f98
}

#menu_img
{
	margin:0;
	padding:0;

}
#menu_img li
{
	margin:0;
	padding:0;
	float:left;
	list-style: none;
	width:87px;
	position: relative;
	height: 144px;
	margin-bottom:50px;
}
#menu_img li img
{
	transition:0.2s;
}
#menu_img li:hover img
{
	opacity:0.6;
}
#menu_img li:before
{
	content:" ";
	height:4px;
	width: 87px;
	background:#fce700;
	position:absolute;
	bottom:-4px;
	box-shadow:inset -87px 0px 0px #e9e9e9;
	transition:0.2s;
}
#menu_img li:hover:before
{
	box-shadow:inset 0px 0px 0px #e9e9e9;
}
#menu_img li a p
{
	padding-top:40px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
	position: absolute;
	bottom: 2px;
	margin:0;
	text-align: center;
	padding-bottom: 2           px;
}

#menu_img li a 
{
	text-decoration: none;
}
#menu_img li+li
{
	margin-left: 11px;
}

.logos
{
	margin-top: 50px;
}
/*
     FILE ARCHIVED ON 07:11:49 Apr 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:09:46 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: 162.728
  exclusion.robots: 0.071
  exclusion.robots.policy: 0.061
  cdx.remote: 0.084
  esindex: 0.009
  LoadShardBlock: 134.157 (3)
  PetaboxLoader3.datanode: 207.146 (4)
  load_resource: 135.32
  PetaboxLoader3.resolve: 20.871
*/