/*===| 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;}
.clear{
  clear: both;
  height: 0;
  line-height:0;
  font-size: 0;
}


body{font-family: Arial; font-size:12px; color:#000000; background:#0e100e;}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg-x.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;}

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

/* ===| 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{background: url(images/box1.gif) 50% 0% no-repeat;padding: 0 0 10px;	min-height: 159px; height: auto!important;height: 159px; }
#left-outter div.inner{padding: 0px 5px 0px;}

#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

#actualite, #contact-info, #promo {}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{background: url(images/content_bg.jpg) no-repeat; padding-right:18px; height:548px; text-align:justify; line-height:16px;}

#right-inner .image .holder .thumb{
  height:135px;
  width: 135px;
  background-color: #989898;
  border: 1px solid #fbefff;
  margin-right: 13px;
}


#right-inner .image .holder{
  height:135px;
  width: 608px;

}
#right-inner .image .holder .thumb img{
  float: left;
 /* margin-bottom: 5px; */
  padding: 0;
 /* margin-top: 6px;*/
}

/* =======SCROLL DIVS====== */
#right-outter div#scrollBoxHolder{width:626px; float:left; padding:0 0 0 0; height:475px; margin-right:-20px;}
#right-outter div#scrollBox{width:626px; height:475px; float:left; }
#right-outter #scrollBox div#innerscroll{padding:0px 16px 0px 0px; width:611px; float:left; }

/*######################################## STYLING JCAROUSEL ##########################################*/

#photos .thumb1{
  /*position: relative;*/
  width:270px;
  height:270px;
  margin:0;
  padding: 0;
  border:1px solid #717173;
/*  border:1px solid red;  */
 /* background-position: center center;
  background-repeat:no-repeat;*/
  display: block;
  }

#photos .smallthumb{
  width:75px;
  height:75px;
  margin:0;
  float:left;
  border:1px solid #717173;
  background-position: center center;
  background-repeat:no-repeat;
  }
#properties select{float:right; width:150px;}

/*######################################## END - STYLING ANDREI ##########################################*/

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

#footer.outter	{margin: 0 auto; padding: 0px;}
#footer .inner	{padding: 0 0 25px;}
#footer .box1	{padding:15px 0 0;}

.copyright{padding: 17px 0 0; text-align: center;}
div.ref{padding: 0 10px 0;}

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

img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}
img.thumb0{border:1px solid #fff;padding:1px; margin: 0 5px; width:75px; height:75px; background:#ccc url("../../images/thumb0.jpg") 50% 50% no-repeat;}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:5px 0; border-top: 1px solid #b2b1b1; border-bottom: 0px solid; line-height: 0px; font-size: 0; overflow: hidden;}

.separator2{width:73%;	height:0px; clear:both; padding:0; margin:5px 0; border-top: 1px solid #b2b8b5; border-bottom: 1px solid #fff; line-height: 0px; font-size: 0; overflow: hidden;}

.separator3{width:100%;	height:0px; clear:both; padding:0; margin:5px 0; border-top: 1px solid #b2b8b5; border-bottom: 1px solid #fff; line-height: 0px; font-size: 0; overflow: hidden;}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 98%; color:#000;}
#frmContact label{display: block; padding: 1px 2px;clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top; border: 1px solid #5d6062;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}

/* ===| XIII. COMPONENT ADMINDOCS |=====================================================*/
#admindocs{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}


/* ===| MISC. |=====================================================*/
.footer-top{background: url(images/footer_top.jpg) no-repeat; width:996px; height:27px; padding-top:14px;}
.footer-bottom{background: url(images/footer_bottom.jpg) no-repeat; width:996px; height:64px;}

.p5{margin-top:5px;}
.p10{margin-top:10px;}
.p15{margin-top:15px;}
.p20{margin-top:20px;}
.p25{margin-top:25px;}
.p27{margin-top:27px;}

.sitename{color:#fd8b17; font-weight:bold;}
.sitename2{color:#672f16; font-weight:bold;}

.thumbimg-left{padding:3px; border:1px solid #898e8d; margin-right:10px;}
.thumbimg-right{padding:3px; border:1px solid #898e8d; margin-left:10px;}
.thumbimg-right2{padding:3px; border:1px solid #6d6d6d; margin-left:10px;}

ul.list li {
background:transparent url(images/bullet_list.png) no-repeat scroll left 6px;
padding-left:15px;
margin-top:3px;
}

ul.list2 li {
background:transparent url(images/bullet_list2.png) no-repeat scroll left 6px;
padding-left:15px;
margin-top:-2px;
}

ul.list3 li {
background:transparent url(images/bullet_list2.png) no-repeat scroll left 6px;
padding-left:15px;
margin-top:5px;
}

.subtitle{color:#3c3b3b; font-weight: bold; text-transform:uppercase;}

.indexlist{margin-left:20px; color:#fff;}
.index-block-2{float:left; margin-left:60px; margin-right:40px;}
.index-block-3{float:left;}

.banner1{background: url(images/banner1.jpg) no-repeat; width:572px; height:40px; margin-top:10px; color:#fff; padding-top:10px; padding-left:35px;}
.banner2{background: url(images/banner1.jpg) no-repeat; width:587px; height:35px; margin-top:10px; color:#fff; padding-top:15px; padding-left:20px; text-align:center;}
.banner1-text{width:560px;}
.banner2-text{width:560px; font-size:14px;}

.ftrbox1{float:left; font-weight:bold; font-size:12px; color:#fff; padding-left:10px;}
.ftrbox2{float:left; font-size:11px; color:#fff; padding-left:70px;}
.ftrbox3{float:left; margin-left:10px;}
.ftrbox4{float:left; margin-left:10px;}

a:link, a:visited{color:#9f8136; text-decoration:none;}
a:hover{color:#9f8136; text-decoration:underline;}

.ftrbox3 a:link, .ftrbox3 a:visited{color:#ffd96a; text-decoration:underline; font-size:11px;}
.ftrbox3 a:hover{color:#ffd96a; text-decoration:none; font-size:11px;}

.ftrbox4 a:link, .ftrbox4 a:visited{color:#ffd96a; text-decoration:underline; font-size:11px;}
.ftrbox4 a:hover{color:#ffd96a; text-decoration:none; font-size:11px;}

.ftr-bottom-left{float:left; margin-left:10px; font-size:11px; color:#757b79; padding-top:15px;}
.ftr-bottom-right{float:right; margin-right:10px; font-size:11px; color:#757b79; padding-top:15px; text-align:right;}

.ftr-bottom-right a:link, .ftr-bottom-right a:visited{color:#757b79; font-size:11px; text-decoration:none;}
.ftr-bottom-right a:hover{color:#757b79; font-size:11px; text-decoration:underline;}

.active{color:#b59546 !important; text-decoration:underline !important;}

.digitalage a:link, .digitalage a:visited{color:#b59547; font-size:11px; text-decoration:none;}
.digitalage a:hover{color:#b59547; font-size:11px; text-decoration:underline;}

.digitalage2 a:link, .digitalage2 a:visited{color:#b59547; font-size:12px; text-decoration:none;}
.digitalage2 a:hover{color:#b59547; font-size:12px; text-decoration:underline;}

.mercidiv{width:500px; height:400px; text-align:center; margin-top:50px;}

.listbox1{float:left; margin-top:40px;}
.listbox2{float:left; margin-left:10px; margin-right:10px; margin-top:10px;}
.listbox3{float:left; margin-top:10px;}

.orange-box1{background: url(images/orange_box.jpg) no-repeat; width:250px; height:130px; float:left; color:#fff; padding-top:30px; padding-left:30px;}
.orange-box2{background: url(images/orange_box.jpg) no-repeat; width:250px; height:130px; float:right; color:#fff; padding-top:30px; padding-left:30px;}

.button-retablir {
background:transparent url(../../images/charte/retablir.jpg) no-repeat scroll left top !important;
cursor:pointer;
height:24px;
width:109px;
}

.button-retablir-over {
background:transparent url(../../images/charte/retablir-over.jpg) no-repeat scroll left top !important;
cursor:pointer;
height:24px;
width:109px;
}

.button-envoyer {
background:transparent url(../../images/charte/envoyer.jpg) no-repeat scroll left top !important;
cursor:pointer;
height:24px;
width:109px;
}

.button-envoyer-over {
background:transparent url(../../images/charte/envoyer-over.jpg) no-repeat scroll left top !important;
cursor:pointer;
height:24px;
width:109px;
}

.button-recherche {
background:transparent url(../../images/charte/recherche-over.jpg) no-repeat scroll left top !important;
cursor:pointer;
height:24px;
width:109px;
border: none;
}

.buttonover-recherche {
background:transparent url(../../images/charte/recherche.jpg) no-repeat scroll left top !important;
cursor:pointer;
height:24px;
width:109px;
border: none;
}

.mailgroup a:link, .mailgroup a:visited{color:#fff; text-decoration:none;}
.mailgroup a:hover{color:#fff; text-decoration:underline;}