/* Created by Wikiwi.be - Raphael De Naeyer */
/* Michel Labbé */

/* General style */

* { margin:0; padding:0; border:0;}

BODY {
  margin: 0px;
  padding: 0px;
  text-align: left;
  FONT-SIZE: 12px;
  COLOR: #39050C;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  background: url(images/michel_labbe_ossature_bois_bg.jpg) center center no-repeat;
  background-color: #000000;
}
A {
  COLOR: #39050C;
}
A:hover {
  COLOR: #fce255;
}
HR {
  COLOR: #fce255;
}
UL {
	margin: 5px 0px 5px 40px;
}

/* Content style */



div#principal {
	position:relative;
	width: 993px;
	height: 678px;
	text-align: left;
  	/*border: 1px solid red;*/
  	
}
div#logo_michel_labbe {
	position:absolute;
	width: 192px;
	height: 217px;
	margin: 0px 0px 0px 0px;
	COLOR: #513624;
  	background: url(images/logo_michel_labbe_menuiserie_ossature_bois.png) no-repeat top left;
  	z-index: 99;
}

div#michel_labbe_bande_centre {
	position:absolute;
	width: 993px;
	height:  380px;
	margin: 180px 0px 0px 0px;
}
div#michel_labbe_bande_bot {
	position:absolute;
	min-width: 993px;
	height:  80px;
	margin: 560px 0px 0px 0px;
}



div#zone_titre {
    position: absolute;
    width: 800px;
	height: 82px;
	margin: 5px 0px 0px 180px;
}
h1#titre_menuiserie_ossature_bois {
	position:relative;
	width: 750px;
	margin: 22px 0px 0px 58px;
	FONT-SIZE: 20px;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: italic;
	color: #F2DEBB;
	}
ul#menu {
    position: absolute;
    text-align: left;
    width: 175px;
	margin: 70px 0px 0px 26px;
    padding: 0;
    list-style-type: none;
    FONT-SIZE: 12px;
    letter-spacing: 1px
}
#menu a {
    display: block;
    text-align: right;
    height: 24px;
    padding-right: 10px;
    margin-bottom: 7px;
    border: 0px;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    color: #F2DEBB;
    background-image:  url(images/menu1_bg_off.png);
}
#menu a:hover {
    background-color: none;
    color: #BA3C04;
    background-image:  url(images/menu1_bg_on.png);
}
#menu1on {
    display: block;
    font-weight: bold;
    color: #BA3C04;
    margin: 0px 0px 2px 0px;
}
#menu1on a {
    color: #BA3C04;
    background-image:  url(images/menu1_bg_on.png);
   }

div#contenu_menuiserie{
    position: absolute;
	margin: 60px 0px 0px 238px;
	width: 259px;
	height: 294px;
  	background: url(images/bg_contenu_menuiserie.png) repeat-x top left;
	}
div#zone_texte{
	width: 239px;
	height: 274px;
	margin: 10px;
	FONT-SIZE: 12px;
	text-align:justify;
	line-height: 14px;
	overflow: auto;
	padding-right: 10px;
}
div#michel_labbe_photo {
    position: absolute;
	width: 430px;
	height: 294px;
	margin: 60px 0px 0px 517px;
  	background: url(images/bg_contenu_menuiserie.png) repeat-x top left;
}
div#zone_photo {
	margin: 5px;
	width: 420px;
	height: 284px;
	}
div#michel_labbe_photo IMG {
	margin: 5px;
	}
div#box_bot  a {
    position: relative;
    float: LEFT;
    display: block;
    text-align: center;
    color: #F2DEBB;
	FONT-SIZE: 12px;
    font-weight: bold;
    text-decoration: none;
    line-height: 24px;
	margin: 0px 0px 0px 26px;
	width: 175px;
	height:  80px;
  	background: url(images/bg_box_bot_michel_labbe_off.png) repeat-x top left;

}
div#box_bot a:hover {
    color: white;
  	background: url(images/bg_box_bot_michel_labbe_on.png) repeat-x top left;

}
div#menuiserie_ossature_bois_petite_photo {
    position: relative;
    float: LEFT;
	margin: 0px 0px 0px 40px;
	height:  90px;
	width:  700px;
	text-align: right;
  	background: url(images/bg_box_bot_michel_labbe_off.png) repeat-x top left;
}
div#menuiserie_ossature_bois_petite_photo IMG {
border: 1px solid #240d05;
	margin: 4px 2px 4px 2px;
  opacity: 7.0;
  -moz-opacity : 7.0;
  filter:alpha(opacity=70);
}
div#menuiserie_ossature_bois_petite_photo a:hover IMG {
border: 1px solid #ffffff;
  opacity: 1.0;
  -moz-opacity : 1.0;
  filter:alpha(opacity=100);
}
div#zone_petite_photo {
    position: relative;
    float: right;
	width: 700px;
	height:  91px;
}


div#copyright {
	position: absolute;
	width: 100%; 
	height: 20px;
	bottom: 0;  
	z-index:99;
}
p#copyright{
	position:absolute;
	text-align: center;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding-right: 20px;
	color:#825A3F;
	font-size: 9px;
}
	
p#copyright a{
	color:#825A3F;
	text-decoration: none;
}
p#copyright a:hover{
	color:#ffffff;
}
	
	
	
.txt_form {
    FONT-SIZE: 11px;
}
	
	
/* Form style */

INPUT {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
  padding: 2px;
}
BUTTON {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
TEXTAREA {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
SELECT {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
radio {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid; FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}