/*===| 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: #7F0200;}
#bg1{position:absolute;z-index: 1; width:100%; /*background:url("images/bg0.gif") 50% 0% repeat-y;*/}
#bg2{position:absolute;z-index: 2; width:100%; background:#000000 url("images/bg1.jpg") 50% 100% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg-container.jpg") left top repeat-y; margin:0 auto;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/bg-header.jpg") 50% 0 no-repeat;}
#site-header .inner{}

.intro #site-header.outter{background:url("images/bg-header-intro.jpg") 50% 0 no-repeat;}
.intro #site-header{height:680px;}


/* ===| 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;  min-height:350px; height: auto !important; height:350px;  background: url(images/bg-right-bottom.jpg) center bottom no-repeat;}
#right-inner{padding: 5px 40px 92px 40px; }

.intro #right-outter{display:none;}


#right-inner div.box{ float:left; border:none; margin:0; padding:0; position: relative;}
#right-inner .box div.inner{padding:70px 30px 0 14px;}
#right-outter .box .inner img{float:right;  margin:-70px -30px 0 0; padding:0; border:none;}

#right-inner div.urbain{width:309px; height:238px; margin:0; background: url(images/bg-box-urbainv.jpg) left top no-repeat;}
#right-inner div.provencal{width:309px; height:238px; margin:0; background: url(images/bg-box-provencal.jpg) left top no-repeat;}
#right-inner div.liondor{width:309px; height:238px; margin:0 -15px 0 0; background: url(images/bg-box-liondor.jpg) left top no-repeat;}
#right-inner div.liondor .inner img{margin-top:-26px;}


/* ===| 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;}
#footer .box1	{background:url(images/bg-footer.jpg) left top no-repeat; height:74px; padding:30px 40px 0 40px;}
.intro #footer .box1{background:url(images/bg-footer-intro.jpg) left top no-repeat; height:52px; padding:40px 40px 0 40px;}

#footer #coord{height:43px; background: url(images/bg-coord.jpg) left top no-repeat;}
#footer #menu2 ul li{display: inline;}
#footer #menu2 {float:right;}
#footer .digitalage{float:left;}

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


/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0;  width:912px; }
#frmContact label{display: inline; width:100%; float:left; padding: 8px 2px 0px 0px; margin:0;  clear:both;}
#frmContact label span{display:inline; width: 140px; float: left; margin:0; padding-bottom:3px;}
#frmContact label input{width:280px; display:block; float:right; vertical-align: top; font-family:Arial, Verdana, sans-serif;}
#frmContact textarea{width: 99%;  display:block; float:right; height:80px; vertical-align: top; font-family:Arial, Verdana, sans-serif;}

.ckboxez{padding-left:0px; padding-top:5px; width:49%; float:left;}
.chk{padding-bottom:2px; padding-left:15px;}
.radios{padding-bottom:2px; padding-top:8px; padding-left:15px; float:left; margin:0 0 0 27px; display:inline;}

div.submit-buttons{width:230px;margin:0 auto;text-align: center; padding: 4px 2px;}
#frmContact a{text-decoration:none;}

#frmContact a:link input.cenvoyer, #frmContact a:visited input.cenvoyer{background:url(images/btn-envoyer.gif) left top no-repeat; border:none; padding:0; margin:0; width:90px; height:20px; }
#frmContact a:hover input.cenvoyer, #frmContact a:focus input.cenvoyer{background:url(images/btn-envoyer-over.gif) left top no-repeat;}

#frmContact a:link input.cretablir, #frmContact a:visited input.cretablir{background:url(images/btn-retablir.gif) left top no-repeat; border:none; padding:0; margin:0; width:90px; height:20px; }
#frmContact a:hover input.cretablir, #frmContact a:focus input.cretablir{background:url(images/btn-retablir-over.gif) left top no-repeat;}



.cleft-labels{ width:48%; float: left;}
.cright-labels{ width:49%; float: right;}
.ccenter-labels{ width:49%; float: none; margin: 0 auto;}

.contactinput{
 border: 1px solid #822708 !important;
 background:#4E0F06;
 height: 15px;
 font-size: 12px;
 color:#B46931;
 font-family:Arial, Tahoma, Verdana, sans-serif;
}
.contactinput-over{
 border: 1px solid #822708;
 background: #000000;
 color: #ffffff;
 height: 15px;
 font-size: 12px;
 font-family:Arial, Tahoma, Verdana, sans-serif;
}

#frmSearch{float:left; width:310px; margin:0; padding:0px; text-align:left;}
#frmSearch a:link input.crecherche, #frmSearch a:visited input.crecherche{background:url(images/btn-recherche-over.gif) left top no-repeat; float:right; border:none; padding:0; margin:0; cursor:pointer; margin-left:5px; width:90px; height:20px; }
#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche{background:url(images/btn-recherche.gif) left top no-repeat;}
#frmSearch select{
	width:200px;
	height:19px !important;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	border: 1px solid #6C0A07 !important;
	background: #0b0000 !important;
	color:#B46931;
	float:left;
	margin-left:8px;
}
#frmSearch label{ display:inline; padding:0 12px 10px 0px; margin:0; float:left;}
#frmSearch label span{width:100px; float:left; display:inline; }

.pagination {float: left; clear:left; width:100%; text-align:center; border-top: 1px solid #822708; padding:5px 0px 5px 0px;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a{font-size:11px;}
.pagination {font-size:11px;}

.hideContact{display:none;}




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

a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}
	
img.thumb{border:1px solid #822708; padding:4px; margin:0;}

img.left{ float:left; margin-right:10px;}
img.right{ float:right; margin-left:10px;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid; border-bottom: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer{height:0px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer10{height:10px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer15{height:15px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}


/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#right-outter #newsletter{width:344px; height:76px; float:right; margin:0; padding:0; background: url(images/bg-newsletter.jpg) left top no-repeat;}
#newsletter #inputHolder {width:173px; padding:0; margin:0; margin-top:29px; border: none; height:20px; float:right; background: url(images/bg-newsletter-input.jpg) left top no-repeat;}

#newsletter input{width: 163px; padding:3px 5px 0 5px; height:17px; float:left; color:#b46931; font-size:11px; line-height: 13px; border:none; background:none;  z-index:1001; vertical-align: top; font-family: Tahoma, Arial, Verdana, sans-serif;}
#newsletter a:link, #newsletter a:visited {text-decoration: none; padding:0; margin:0; border: none; float:right;}
#newsletter a:link input, #newsletter a:visited input {border:none; background: url(images/btn-ok.gif) left top no-repeat; cursor: pointer;  width: 52px; height:76px; padding:0; margin:0;   }
#newsletter a:hover input {border:none; background: url(images/btn-ok-over.gif) left top no-repeat; cursor: pointer; width: 52px; height:76px; padding:0; margin:0;}


/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
#listegalerie .prod-listing{width:210px; border:1px solid #6C0A07;  background:url(images/bg-listing.gif) left top no-repeat; height:255px; margin:10px 8px; display:inline; padding:0; float:left;}
#listegalerie .prod-listing .prod-title{width:210px; height:20px; background: url(images/prod-boxbottom.png) center bottom no-repeat;  float:left; text-align:center; margin:0;}
#listegalerie .prod-listing .inner{padding:15px 0px 4px 0px; width:210px; float:left;}
#listegalerie  .thumbHolder{width:200px; height:200px;  padding:5px; margin:0; text-align:center; /*background:#E6F1E0; border:1px solid #3b3b3b;*/}

#details .prod-listing{width:260px; height:260px;  border: none; background: none; margin:10px 10px 10px 0; padding:0; float:left;}
#details .prod-listing .inner{padding:5px 0px 10px 0px; width:260px; float:left;}
#details  .thumbHolder{width:250px;  border:1px solid #6C0A07; background:url(images/bg-details.gif) center top no-repeat; height:240px; margin:0; text-align:center; }
#details .thumbs{width:190px; margin:0 auto;}

#details  .thumbSmallHolder{width:75px; height:75px; padding:5px;  border:1px solid #6C0A07; float:left; margin:5px 3px; }