/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%; width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{background-color: #ffffff; background:url("images/bg0.jpg") 50% 0% repeat-y;}
#bg1{position:absolute;z-index: 1; width:100%; }
#bg2{position:absolute;z-index: 2; width:100%; }
#bg3{position:absolute;z-index: 3; }

#wrap-container{position:relative;z-index:4; width: 100%; }
#container{ margin:0 auto;	text-align: left; }
#content{padding:23px 23px 0px 23px; width:900px;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{padding: 0 0 10px;	min-height: 159px; height: auto!important; height: 159px; }
#left-outter div.inner{padding: 0px 5px 0px;}

#newsletter{
  width:312px;
  height: 34px;
  padding:116px 0px 0px 88px;
  background: url(../../images/charte/bg-news.jpg) left top no-repeat;
}
.news {
  border: 1px solid #457ed7;
  background-color:#ffffff;
  width:180px;
  padding:2px 4px 0px 4px;
  margin-right:1px;
  height:16px;
  float:left;
  color:#246FB2;
  font: normal 11px Arial;
  vertical-align: top;
}
.news-over{
  border: 1px solid #457ed7;
  background-color:#ffffff;
  width:180px;
  padding:2px 4px 0px 4px;
  margin-right:1px;
  height:16px;
  float:left;
  color:#00226E;
  font: normal 11px Arial;
  vertical-align: top;
}
#newsletter a:link input, #newsletter a:visited input {width:33px; height:20px; background:url(../../images/charte/button-newsletter.jpg) left top no-repeat;  cursor: pointer;border:none;float:left;}
#newsletter a:hover input {width:33px; height:20px; background:url(../../images/charte/button-newsletter-over.jpg) left top no-repeat;  cursor: pointer; border:none;}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 10px 15px 10px 10px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; padding:0px;}
#fwrap1 {position:absolute; z-index: -3; left:0; }
#fwrap2 {position:absolute; z-index: -2; left:0;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{background:url(images/bg-footer.jpg) 0% 0% no-repeat; margin: 0 auto; padding: 0px;}
#footer .inner	{ padding: 0px 23px 0px 23px;}
#footer .info{height:29px; padding-top:10px; margin:0px;}
#footer .info a{font-weight: bold; font-size:11px;}

#footer .info a:link, #footer .info a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color: #003992;
	text-decoration: none;}
#footer .info a:hover, #footer .info a:active {
	color: #EB0A00 !important;
	text-decoration: none !important;}

#footer .footer1{ width:200px; height:48px; padding:12px 0px 0px 0px; margin:0px; float:left;}
#footer .footer2{ width:700px; height:48px; padding:12px 0px 0px 0px; float:left;  text-align:right;}

#footer a:link, #footer a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#EB0A00;
	text-decoration: none;}
#footer a:hover, #footer a:active {
	color:#003992 !important;
	text-decoration: none !important;}

.ref{padding:0px 0px 4px 0px;  font:normal 11px Arial; color:#000000; text-align:center; }

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}



a:hover img{
-moz-opacity: 0.80; opacity:0.80;

}
.center{text-align: center;}


a:link, a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#003992;
	text-decoration: none;}
a:hover, a:active {
	color:#EB0A00 !important;
	text-decoration: none !important;}
a:focus{
  outline: none;
}

.thumb-left{
  float:left;
  padding:4px 12px 5px 0px;
  background: url(../../images/charte/bg-thumb.jpg) left bottom no-repeat;
}
.thumb-right{
  float:right;
  padding:4px 0px 5px 12px;
  background: url(../../images/charte/bg-thumb.jpg) right bottom no-repeat;
}
.thumb-left img,.thumb-right img{
     border: 1px solid #003992;
}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:20px; clear:both; padding:0; margin:0px; line-height: 0px; font-size: 0; overflow: hidden;}


.box1, .box2{
  width:421px;
  height:97px;
  padding:10px;
  border:1px solid #CCE0FF;
  float:left;
  margin-bottom:18px;
}
.box1{background: url(../../images/charte/bg-box1.jpg) 50% 50% no-repeat;}
.box2{background: url(../../images/charte/bg-box2.jpg) 50% 50% no-repeat;}
.box3{background: url(../../images/charte/bg-box3.jpg) 50% 50% no-repeat;}

.box3{
    margin-top:4px;
    width:708px;
    height:98px;
    padding:10px;
    border:1px solid #CCE0FF;
}
.bg-ul{
  display:inline;
  float:left;
  width:405px;
  height:238px;
  margin-left:0px;
  margin-bottom:15px;
  background: url(../../images/charte/bg-proprietaire-ul.jpg) left top no-repeat;
}

.product{
  display:inline;
  float:left;
  width:128px;
  height:162px;
  padding:5px 5px 0px 5px;
  margin:0px 5px 15px 5px;
  border:1px solid #CCE0FF;
  background-color: #E6EFFF;
  text-align: center;
}
.title{
  width:128px;
  height:37px;
  text-align: center;
  border-bottom: 1px solid #003992;
  margin-bottom:2px;
}
.combo{
  border: 1px solid #003992;
  margin-right:4px;
  margin-top:1px;
}

.border1{

  background-color: #ADBED8;
  border:1px solid #1D509F;

  float:left;
  text-align: center;
}
.border2{

  background-color: #ffffff;
  border:1px solid #1D509F;

  float:left;
  text-align: center;
}

.recherche{
  width:92px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-recherche.jpg) left top no-repeat;

}
.rechercheOver{
  width:92px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-recherche-over.jpg) left top no-repeat;
}

#construction{
  width:390px;
  height:317px;
  background: url(../../images/charte/bg-categ-construction.jpg) left top no-repeat;
  padding:36px 0px 0px 0px;
}
.bt{
  display:inline;
  width:100px;
  height:81px;
  float:left;
}
.bt img {

  border: none;
}

#proprietaire{
  width:228px;
  height:234px;
  margin:0px 0px 0px 91px;
  background: red url(../../images/charte/bg-proprietaire.jpg) left top no-repeat;
}
.bt1{
  display:inline;
  width:77px;
  height:78px;
  float:left;
}
.bt1 img {
  border: none;
}

/* ===| VII. CONTACT FORM |=====================================================*/
.contact-left{
  width:290px;
  float:left;
  font:normal 12px Arial;

  }


.inputForm{
	border:1px solid #cce0ff;
	background-color:#e8f1ff;
	color:#003992;
    width:214px;
    font:normal 12px Arial;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
.inputFormOver{
	border:1px solid #1A85EA;
	background-color:#ffffff;
	color:#1A85EA;
    width:214px;
    font:normal 12px Arial;
    padding-left:2px;
    padding-top:1px;
    height:15px;
	}
textarea{
  font:normal 12px Arial;
}
.color-checkbox{
   color:#2389B0;
}
.star{
   color:#F23A39;
}


.label{
	width:70px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#000000;
	text-align:left;
    font:normal 12px Arial;

	}
.field{
	width:220px;
	float:left;
	margin-top:5px;
  font:normal 12px Arial;
 	}
.btn{
  clear:both;
  width:240px;
  padding:16px 0 0 50px;
  }
  .btn div{
    float:left;
    display:inline;
    width:100px;
    }
.button{
  width:92px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-envoyer.jpg) left top no-repeat;

}
.buttonOver{
  width:92px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-envoyer-over.jpg) left top no-repeat;
}
.button1{
  width:92px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-retablir.jpg) left top no-repeat;

}
.button1Over{
  width:92px;
  height:22px;
  border: none;
  cursor:pointer;
  background: url(../../images/charte/button-retablir-over.jpg) left top no-repeat;
}


object { outline:none; }