@charset "ISO-8859-1";
/* -------------------------------------------------------------- 
  
   Artionet CSS powered by Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/navigation.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
@import 'lib/classes.css';

body{
	background:#26201f;
}
  
h1.logo {position:absolute;top:0px;left:0px;}
h1.logo a{
	display:block;
	width:409px;
	height:134px;
	background:url(../images/kustom_logo.jpg) no-repeat;
	font-size:0;text-indent:-10000px;line-height:0;
}

.slogan {}



#wrapper{

}
#header a {color:#9c9c9c;}
#header{background:black url(../images/BG_HEADER.jpg) no-repeat right;padding:0 20px;margin-top:20px;height:134px;width:845px;}
#header h2 {color:#6d6d6d;font-size:11px;position:absolute;top:73px;left:210px;font-weight:normal;}
#header form {width:190px;position:absolute;right:0px;top:0px;background:transparent;font-size:11px;text-align:left;
	padding:3px 5px 3px 10px;width:205px;}
#header fieldset {width:163px;border:0;margin:0;padding:0;position:absolute;right:0px;top:10px;}
#header fieldset a{border:0;font-size:7pt;}
#header form input {margin:0 ;padding:0px;font-size:10px;background-color:white;}
#header form input.btn-1 {margin:0;float:right;}
#header form input.text {width:162px;margin:0px 0px 8px 0px;}
#header form input.headlogin {width:100px;}
#header form input.headpass {width:54px;}
#header form a {padding:0px 0 0 3px;text-decoration:underline;}
#header form a:hover {color:#fff;}
#header form span {color:#e0e0e0;padding-right:10px;line-height:20px;}
#header #frmNewsletter{top:0px;right:20px;}
#inscriptionlink{position:relative;top:3px;}
#moncomptelink{position:absolute;left:1px;top:4px;}



#bloglink {display:block;width:43px;height:20px;background:url(../images/blog.gif);
		font-size:0;text-indent:-10000px;line-height:0;position:absolute;left:430px;top:14px;}	
#shoplink {display:block;width:43px;height:20px;background:url(../images/icoShop.gif);
		font-size:0;text-indent:-10000px;line-height:0;position:absolute;left:430px;top:44px;}
#facebook {position:absolute;top:73px;left:430px;width:17px;height:17px;background:url(../images/facebook.jpg);font-size:0;text-indent:-10000px;}
#twitter  {position:absolute;top:73px;left:453px;width:17px;height:17px;background:url(../images/twitter.jpg); font-size:0;text-indent:-10000px;}
.lang {text-align:right;position:absolute;top:100px;right:-3px;font-size:11px;color:white;}
.lang a {color:white!important;padding:0px 1px;}
.lang a:hover {color:red!important}

#caddie {position:absolute;right:2px;bottom:7px;width:216px;font-size:11px;}
#caddie a {color:#fff;background:#bf0018;text-align:center;display:block;padding:0px 10px;width:196px;height:17px;line-height:17px;position:relative;}
#caddieBox {background:#fff;position:absolute;top:50px;right:2px;height:auto;width:186px;
		border:5px solid #2f2f2f;color:#000;border-top:0;padding:10px;z-index:10;}
#caddieBox table {width:190px;}
#caddieBox table td{vertical-align:bottom;border:0;color:#000;padding:0px;}
#caddieBox table th{border:0;color:#000;padding:4px 0px;border-top:1px solid #000;}
#caddieBox table input {width:15px;font-size:11px;margin:0;}
#caddieBox a {color:#fff;}
#caddieBox p {text-align:right;width:100%;}

#sellInfo {position:absolute;left:480px;top:0px;font-size:10px;background:transparent;width:180px;}
#sellInfo ul {list-style:none;}
#sellInfo li {padding-top:3px;}
#sellInfo a {color:#6d6d6d;}
#sellInfo a:hover {color:#fff;}
#sellInfo h3 {background:url(../images/sellinfo.gif);width:17px;height:115px;
		font-size:0;text-indent:-10000px;line-height:0;float:left;margin-right:10px;}

.news {}
.newsletter {}

#footer p {clear:both;margin:0;padding:0;text-align:left;}
#footer p a:hover{color:#fff;}
#footer .metaNav {height:24px;line-height:24px; margin-bottom:6px;padding:0px 20px;font-size:10px;background:black}
#footer .metaNav a {padding: 0px 10px;color:white}
#footer .metaNav span{float:right;}
#footer .metaNav .leftLinks{float:left;}
#footer .metaNav .rightLinks{float:right;}
#footer .copyright {font-size:10px;color:#6d6161;height:28px;padding:0px 30px;}
#footer .copyright span{float:right;bottom:-5px;position:relative;}
#footer .links {text-align:center;font-size:10px;color:#504947;background:transparent url(../images/dot.gif) repeat-x;padding-top:10px;}
#footer .links a {color:#504947;}
#footer .secondLine{position:relative;}
#footer .netlead{position:absolute;top:4px;padding-left:20px;color:#504947;font-size:7pt;}



#footer a {color:#fff;}

.productList {overflow:hidden;width:100%;margin-left:0px;min-height:150px;}

.slider {clear:both;margin:30px 0px 0px 300px;}
.slider a{float:left;}
.slider a img {margin:3px 0px 0px 0px;padding:0px;}
#wrap4 {
	float: left;
	width: 301px;
	height: 15px;
	margin:0px 3px 0px 3px;
	border:1px solid #b3b3b3;
	cursor:move;
}
#track4 {
	position: absolute;
	width: 301px;
	height: 15px;
}
#handle4 {
	width: 70px;
	height: 15px;
}


.productItem {width:167px;margin-bottom:10px;float:left;text-align:center;}
.productItem p {text-align:center;width:100%;margin:0px;padding:0px;}
.productItem p img {margin:0px auto;float:none;}
.productItem a {color:#675d5a;font-size:8pt;text-transform: uppercase;}
.productItem h2,.productItem h3 {position:relative;top:-15px;clear:both;text-align:center;margin:0px 0px 10px 0px;padding:0px;font-weight:normal;}
.productContainer{padding:20px 20px 0 20px;}

.designerItem {width:320px;margin-right:20px;float:left;background:url(../images/brdDesigner.gif) no-repeat 100% 0%;}
.designerItem .gallery {clear:both;padding:10px 0px 0px 0px;}
.designerItem .profile {float:left;width:80px;}
.designerItem .info {float:left;width:240px;}

.partnerItem {width:320px;margin-right:20px;float:left;background:url(../images/brdDesigner.gif) no-repeat 100% 0%;}
.partnerItem h3 { text-transform: uppercase}
.partnerItem h4 {margin: 0px;}
.partnerItem hr {width: 90%; margin-top: 5px; margin-bottom: 5px;}
.partnerItem p {margin: 0px;}
.partnerItem th {color: #fff;}
.partnerItem th.total {border-top: 1px solid #ccc;}
.partnerItem td {border: 0px;}
.partnerItem .logo {float:left;width:80px;}
.partnerItem .info {float:left;width:240px;}

.selProd {background:transparent}
.selProd fieldset {float:left;padding:4px 5px;background:transparent;border:0;margin:8px 5px 8px 0px;*margin-top:0px;}
.productList .selProd fieldset {margin-left:65px;}
.selProd select {margin:0px;border:0px;font-size:11px;height:18px;margin-right:3px;width:110px;}
.selProd input {width:20px;font-size:11px;margin:0;border:0px;background:#ccc;text-align:center;}
.selProd .btnAddBasket {padding:0px;margin:8px 0px;float:left;*margin-top:0px;}
.selProd .btnAddBasket img {margin:2px 0px;}

#slideshow {margin-left:425px;padding-top:10px;padding-left:0px;}
#slideshow a {padding:0px 5px;}
#slideshow img{margin:0 10px;padding:0px;float:none;}

.borderDotted {background:url(../images/dot3.gif) repeat-x;height:2px;float:left;width:100%;clear:both;}

.galleryPhoto {padding:20px 0px 0px 35px;text-align:center;}
.galleryPhoto a {width:108px;height:108px;display:block;float:left;margin:0px 10px 12px 0px;}
.galleryPhoto img {border:1px solid #000;margin:0;}
.galleryPhotoSlide {margin:20px 0px;text-align:center;}
.galleryPhotoSlide table {margin:0px auto;border-left:10px solid #494949;}
.galleryPhotoSlide table td{border-bottom:0px;}
.photoItem{width:180px;padding:0px 20px;border-right:10px solid #494949;}
.photoItem h4 {font-size:15px;margin:0px;padding:0px;}
.photoItem h5 {font-size:14px;margin:0px 0px 10px 0px;padding:0px;color:#ccc;font-weight:normal;}
.photoItem img {border:1px solid #000;}
.photoItem a {text-align:center;display:block;}

.galleryVideo div {background:#444;margin:0px 0px 10px 0px;width:890px;clear:both;float:left;}
.galleryVideo table{padding:7px;margin:0px;}
.galleryVideo td{border:0px;padding:7px 7px 0px 8px;width:160px;}
.galleryVideo img {margin:0px;}
.galleryVideo h4 {font-size:12px;margin:0px;padding:0px;color:#A4A4A4;}

#basketList{
	width:840px;
	margin:10px 0 0 20px;
}
#basketList table{width:100%;}
#basketList th{background:#26201f;font-size:9pt;border:0 none;padding:3px 10px 3px 0px;color:white;font-weight:normal;}
#basketList td{vertical-align:middle;border-bottom:1px solid black;padding:3px 10px 3px 0px; color:#c2c2c2;}
#basketList td img {margin:0;float:none;}
#basketList .total {float:right;width:570px;}

.pagination {text-align:center;}
.pagination a img{margin:0px;padding:0px;float:none;}

.lightbox {position:absolute;top:50px;left:50px;width:400px;background:#b3b3b3;padding:20px 0px 10px 20px;color:#000;font-size:12px;}
.lightbox h1, .lightbox h2, .lightbox h3 {color:#000;}
.lightbox h1 {margin-bottom:1em;font-weight:bold;}

.delimiter {background:#2f2828;width:10px;float:left;margin:20px 0px 20px 0px;}
#basketList td.noborder, .noborder {border:none}
#billTableContent{margin-top:30px;width:840px;}
table.details {margin:0 20px;}
table.details th{background:#26201F;border-bottom:0px;color:white;font-size:9pt;}
table.details td{border-bottom:1px solid black;}
table.details td.noborder {border:none;}
#btnPlaceOrder{font-size:9pt;padding:3px 5px;}


.billContainer{
	margin-top:20px;
}

.popup {background:#342D2C;color:white;font-size:12px;margin:0px; padding:20px;text-align:left;}
.popup h1, .popup h2.title  {font-size:18px;color:#272727;font-weight:bold;margin:0em 0em 1em 0em;}
.popup table {}
.popup td {border:none;vertical-align:top;padding: 3px 0px;}
.popup .btn-3 {background:#881000;color:#fff;}
.popup input, .popup textarea  {background:white;color:#272727;border:none;padding:1px 3px;font-size:11px;}
.popup select {background:white;color:#272727;border:none;padding:1px;font-size:11px;}




.redirectionRevendeurs{
	position:relative;
	padding:10px 160px 10px 10px;
	background:url(../images/separation_revendeurs.jpg) repeat-x;
	height:47px;
	color:white;
	font-size:9pt;
	font-weight:normal;
}
.redirectionRevendeurs #btnRedirectionRevendeurs{
	display:block;
	text-align:center;
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-12px;
	height:23px;
	line-height:23px;
	padding:0 30px 0 20px;
	background:url(../images/btn.jpg) no-repeat right top;
}


.contentGallery{
	position:relative;
	left:-20px;
	margin-top:0px;
	padding-top:30px;
	padding-left:20px;
	min-height:408px;
	margin-bottom:-20px;
	padding-bottom:-20px;
}
.contentGallery .infoPanel{
	position:absolute;
	width:146px;
	padding:10px;
	left:20px;
	float:left;
	color:white;
	background:transparent !important;
	background:black;

}
.contentGallery .infoPanel #bg{
	opacity:0.5;
    filter:alpha(opacity=50);
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
}
.contentGallery .infozone{
	position:relative;
	z-index:5;	
}
.contentGallery #btn1{
	margin-bottom:10px;
}
.contentGallery .infoBtn{
	display:block;
	color:white;
	height:23px;
	font-size:9pt;
	line-height:23px;
	padding:1px 30px 0 10px;
	background:url(../images/btn.jpg) no-repeat right top;	
	text-transform:uppercase;
	font-weight:bold;
}
.contentGallery #interesses{margin:5px 10px;color:white;}
.contentGallery .listZone{width:450px;margin-left:391px;}
.contentGallery .gallery{position:relative;left:15px;}
.contentGallery .gallery a{text-align:center;width:112px;float:left;height:150px;}
.contentGallery .infoPanel h3{text-transform:uppercase;margin:20px 0 10px 0;}

.listZone.galleryid32,
.listZone.galleryid40,
.listZone.galleryid31,
.listZone.galleryid39
{width:720px;margin-left:165px;}




#content.contact{ padding-top:50px;background: url(../images/BG_HOME-2.jpg) no-repeat 0px 20px; }/*BG_CONTACT-HOME.*/
.contact .contactZone{margin-left:404px;color:white;width:300px;}
.contact #coordonnees{
	position:absolute;
	left:20px;
	bottom:5px;
	font-size:8pt;
	color:white;
	line-height:20px;
}
.contact #coordonnees #coordNom{
	font-size:10pt;
	font-weight:bold;
}

.contact #contactConfirmation{
	line-height:1.5em;
}
.contact input[type=text]{height:10px;padding:0 2px;font-size:7pt;}

.contact #casesACocher{position:relative;top:-10px;padding:10px 0 10px 10px;width:234px;background:#26201f;}
.contact #casesACocher .caseACocher{line-height:20px;}


.postcontact{font-size:12pt;padding-top:40px !important;}


.etapes{}
.etapes div{line-height:30px;padding:2px 5px;width:55px;float:left;margin-bottom:20px;text-align:center;border:1px solid #413735;color:white;background:#766966;}
.etapes .etapeEnCours{border:1px solid white;color:white;background:red;}



#corpsMap{
	margin-top:20px;
}

#corpsMap h1{
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	margin-bottom:0.75em;
}

#cantons{
	float:left;
}

.subnavigation{
	border-top:1px dotted #555;
	width:165px;
	margin:0 !important;
	padding:0 !important;
	
	background:#1A1516;
}

.subnavigation li{
	list-style:none;
	font-size:11px;
	line-height:20px;
	height:20px ;
	border-bottom:1px dotted #555;
	padding:0 0 0 10px;
}

.subnavigation a{
	display:block !important;
	width:155px ;
	font-size:11px;
	color:white;/*#6D6161;*/
}

#cantons li a:hover{
	background:#1A1516;
	color:#6D6161;
	margin-left:5px;

}

.searchMap{
	margin-left:190px;
}

.bulleLabel{
	display:block;
	float:left;
	width:70px;
}
.valuelabel{
	display:block;
	margin-left:70px;
	width:120px;
}




/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////									CUSTOMIZE										////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


#customizeBtn{
	position:absolute;top:103px;left:430px;height:17px;line-height:17px;
	padding:0 10px;
	background:#870F00;
	color:#ccc !important;
	
}

.content.customize{
	padding:40px 0 0 0;
}



/* accueil */
.content.customize #descriptionGauche{
	width:480px;
	color:white;
	margin:5px 10px;
	line-height:1.7em;
	float:left;
}

.content.customize #descriptionGauche #zoneImg{
	width:400px;
	margin:0px;
	margin-left:40px;
}
.content.customize #descriptionGauche #zoneImg.imagesAccueil .img{
	float:left;
	width:150px;
	text-align:center;
	display:none;
	height:67px;
	width:150px;
	margin-right:30px;
	margin-bottom:25px;
	overflow:hidden;
}



.content.customize #descriptionGauche #zoneImg.imagesAccueil{
	display:block;
	margin:0;
}
.content.customize #descriptionGauche #zoneImg #customer1,
.content.customize #descriptionGauche #zoneImg #customer2,
.content.customize #descriptionGauche #zoneImg #customer3,
.content.customize #descriptionGauche #zoneImg #customer4
{
	display:block !important;
}


#loggedin a{
	display:block;
	display:none;
	height:29px;
	line-height:29px;
	text-align:center;
	color:#dcdbdb;
	font-weight:bold;
	background:#870f00;
	font-size:13px;
}
#loggedout{
	color:#ccc;
}

#loggedout h3{
	font-weight:bold;
	color:white;

}
#loggedout fieldset{
	border:none;
	margin-bottom:0px;
}
#loggedout .field{
	margin-bottom:5px;
}
#loggedout .field.pass{
	text-align:right;
}

#loggedout label{
	display:block;
	float:left;
	width:90px;
	height:20px;
	line-height:20px;
	font-size:12px;	
}


#txtInscription{
	width:135px;
	float:left;
	font-size:12px;
	line-height:1.2em;
}

.customInput{
	width:150px;
}
#btnInscription{
	display:block;
	float:right;
	width:148px;
	height:29px;
	line-height:29px;
	background:#870f00;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#btnInscription:hover{
	text-decoration:underline;
}












/* listing */
.content.customize .customizeListing #descriptionGauche{
	width:222px;
	padding:16px;
	margin:0;
	background:#191615;

}
.content.customize .customizeListing #zoneImg{
	margin-left:300px;

}
.content.customize .customizeListing #zoneImg .img{
	float:left;
	margin-right:48px;
	margin-bottom:40px;
	height:67;
	width:200px;
	overflow:hidden;

}
.content.customize .customizeListing #zoneImg .img img{
	display:block;
	margin:0;
}
#zoneLogin{
	float:right;
	width:303px;
	padding:16px;
	background:#191615;
}






/* detail */
#logoDetail{
	height:100px;
	line-height:100px;
	overflow:hidden;
}
#logoDetail img{
	
	display:block;
	margin:0;
}
#descriptionDroite{
	float:right;
	width:420px;
}
#descriptionDroite h1{
	height:66px;
	line-height:66px;
	margin:0 0 33px 0;
	
}

#zoneDescription h2{
	font-size:14px;
}
#zoneDescription a:hover{
	text-decoration:underline;
}

#customizeGauche{
	width:390px;
	float:left;
}

#customizeGauche #zoneImg .img{
	display:block;
	float:left;
	margin-right:23px;
	margin-bottom:23px;
	width:80px;
	height:60px;
	padding:0;
	overflow:hidden;
}

#customizeGauche #zoneImg img{
	display:block;
}



#bigoneContainer{
	width:390px;
}



#zoneImg #img4,
#zoneImg #img8,
#zoneImg #img12,
#zoneImg #img16,
#zoneImg #img20,
#zoneImg #img24,
#zoneImg #img28,
#zoneImg #img32,
#zoneImg #img36,
#zoneImg #img40,
#zoneImg #img44,
#zoneImg #img48,
#zoneImg #img52,
#zoneImg #img56,
#zoneImg #img60,
#zoneImg #img64,
#zoneImg #img68,
#zoneImg #img72,
#zoneImg #img76
{
	margin-right:0px !important;
}























/**/