/*===| 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:#2a0320;}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background:#2a0320 url("images/bg1.jpg") 50% 0% 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{margin:0 auto;	text-align: left;}
#content{background:url(images/bg-content-y.jpg) center top repeat-y;}

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{padding: 0px;}
#left-outter div.inner{padding: 0px 5px 0px;}

#left-outter div.box1{padding:0; width:261px; height:210px; float:right;}
#left-outter .box1 .inner{padding:0}

#left-outter div.box3{width:276px; height:501px; float:right; background: url(images/bg-info.gif) right top no-repeat;}
#left-outter .box3 .inner{padding:75px 20px 0 30px}

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

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; min-height: 711px; height:auto !important; height:711px; background: url(images/bg-content.jpg) left top repeat-x;}
#right-inner{padding: 0px 15px 0px 16px;}

/* ===| 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 0 0 0; /*height:60px;*/ background: url(images/bg-footer.jpg) center top no-repeat; }
#footer .inner	{padding: 0px;}
#footer .box1	{padding:0px 30px 10px 30px;}

.digitalage{text-align: left; float:left;}
.copyright{text-align: right; clear:right;}
#menu2{float:right;}

/* ===| 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 #cbaec3; margin: 0;}
img.left{float:left; margin-right:10px;}
img.right{float:right; margin-left:10px;}


#menu2 ul li{display: inline;}

#right-outter .contentBox1{width:306px; height:103px; float:left; background:#eedce8 url(images/bg-box1.jpg) left top repeat-x; border:1px solid #e8cddf; margin-bottom:10px;}
#right-outter .contentBox1 div.inner{padding:10px 10px 10px 15px !important; float:left;}

#right-outter div#scrollBoxHolder{border:solid #ebc3de; width:657px; height:207px; padding:10px 0; border-width:0 0 0 1px; background:#ffe4f7 url(images/bg-scrollbox.jpg) left top no-repeat;}
#right-outter div#scrollBox{width:655px; height:207px; float:left; }
#right-outter #scrollBox div.inner{padding:10px 10px 0px 10px; width:620px; float:left; }


.separator{width:100%;	height:1px; background: url(images/bg-separator.jpg) left center no-repeat; clear:both; padding:0; margin:15px 0; line-height: 1px; 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;}

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

.ckboxez{padding-left:0px; padding-top:0px; width:49%; float:left;}
.chk{padding:2px 0 4px 0; padding-left:0px; height:13px; float:left;}

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:75px; 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:75px; 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 #B58AAA !important;
	background: #FDF2FA !important;
	color:#2C1E28;
 height: 15px;
 font-size: 11px;
 font-family:Arial, Tahoma, Verdana, sans-serif;
}
.contactinput-over{
	border: 1px solid #2C1E28 !important;
	background: #E5C5DA !important;
	color:#2C1E28;
 height: 15px;
 font-size: 11px;
 font-family:Arial, Tahoma, Verdana, sans-serif;
}


/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter{z-index:100; background: url(images/bg-newsletter.gif) left top no-repeat; float:right; display: inline; margin:0 -30px 0 0 !important; padding:0; width:375px; height:26px;}

#newsletter #inputHolder {width:175px; padding:0; margin:3px 1px 0 140px; display: inline; border: none; height:20px; float:left; background: url(images/bg-newsletter-input.jpg) left top no-repeat;}

#newsletter input{width: 165px;  float:right; padding:1px 5px 0 5px; height:19px; line-height: 17px; color:#4c4c4c; font-size:11px; border:none; background:none;  vertical-align: top; font-family: Arial, Tahoma, Verdana, sans-serif;}
#newsletter a:link, #newsletter a:visited {text-decoration: none; padding:3px 0 0 0; margin:0; border: none; float:left;}
#newsletter a:link input, #newsletter a:visited input {border:none; float:left; background: url(images/btn-ok.gif) left top no-repeat; cursor: pointer; width: 44px; height:20px; padding:0; margin:0;  }
#newsletter a:hover input {border:none; background: url(images/btn-ok-over.gif) left top no-repeat; cursor: pointer; width: 44px; height:20px; padding:0; margin:0;}


#topSearch{padding-bottom:15px; float:left; width:640px;}
#frmSearch{margin:0; padding:0;}
#frmSearch input{height: 16px; padding:4px 2px 0 2px; margin:0 5px 0 0; display:inline;font-size:11px; line-height:11px; background:#FFF5FD; border:1px solid #844E73; color:#844E73;}
#frmSearch label{padding-bottom:10px; float:left; width:260px; text-align: left;}
#frmSearch label span.labelName{float:left;}

#frmSearch a:link input.crecherche, #frmSearch a:visited input.crecherche{background:url(images/btn-recherche.gif) left top no-repeat; float:right; border:none; padding:0; margin:0; cursor:pointer; margin-right:0px; margin-top:1px; width:75px; height:20px; }
#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche{background:url(images/btn-recherche-over.gif) left top no-repeat;  margin-right:0px; margin-top:1px; width:75px; height:20px;}

#frmSearch select{background:#FFF5FD; width:150px; height:20px;  margin:0 10px 0 0; display:inline; border:1px solid #844E73; color:#844E73; line-height:14px; float:right;  font-size:12px; }
#frmSearch select option .categorylist{font-size:12px !important; padding:4px 0 2px 0 !important; border:1px solid #844E73;}
#frmSearch select option .subcategorylist{font-size:11px !important; color:#844E73;}

.pagination {float: left; clear:left; width:100%; text-align:center; background: url(images/bg-separator.jpg) left top repeat-x; padding-top:4px;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none;}
.pagination a:hover, .pagination a:active{ text-decoration: underline;}

.prodHolder{border:1px solid #ebc3de;float:left; width:290px; height: 165px; margin:10px 10px; padding:5px; background: url(images/bg-scrollbox.jpg) left -1px no-repeat;}
.photoHolderDet{width:180px; height:180px; padding:4px; float:left; border:1px solid #ABD4FF;}
.photos{width:190px; float:left; margin-right:15px;}
.thumb_details{float:left;width:53px;height:56px;text-align:center;border:1px solid #ABD4FF; margin:3px 3px 3px 2px;padding:1px;}