@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_produits/galerie.css");

/*########################################################
						Interface
########################################################*/
html{}


/*##############################################################################################################*/
/*##############################################################################################################*/
/*##############################################################################################################*/
body {
	margin:0px; padding:0px;background:#131313 url(/images/degrade-page.gif) center repeat-y;
 	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}

a{color:#248bd5;}
a:hover {color:#427aa3;}

h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:10px}
h5 {font-size:9px;}
h6 {font-size:8px;}

a.btn input {
	background:url(/images/degrade-btn.gif) repeat-x;
	border:1px solid #144685;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
}

a.btn:hover input{
	background:url(/images/degrade-btn-o.gif) repeat-x;
	color:#eeeeee; 
	border:1px solid #002f6c; 
	cursor:pointer;
}

/*##############################################################################################################*/
/*##############################################################################################################*/
/*##############################################################################################################*/
#racine { width:762px; margin:0px auto;}

#top {}
	#top #logo { padding:12px 0px 18px 52px; float:left}
	#top #menu {
		float:right; padding-top:82px; padding-left:73px; padding-right:0px;
		background:url(/images/top-menu.gif) no-repeat -3px bottom; 
		width:374px; height:32px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px; font-weight:bold;letter-spacing:0.049em; color:#ffffff;
		}
			#top #menu a { color:#c0c0c0;text-decoration:none;}
			#top #menu a:hover { color:#FFFFFF; text-decoration:underline;}
			

/*##############################################################################################################*/
/*##############################################################################################################*/
/*##############################################################################################################*/


#middle {background:url(/images/degrade-mainPro.gif) repeat-y center}
#middle.fullpage{background:url(/images/degrade-mainPro-Power.gif) repeat-y center}

	#coll-1 { float:left; width:578px;} #coll-1a {}
		#img { border-left:2px solid #232323; /*margin-right:4px;*/; float:right }
		
	
	#coll-2 { float:right; width:184px; }
		#menu2 {border-right:2px solid #171717; }
		
	#pleineLargeur { float:right; width:762px; }
		#content { border-top:3px solid #242424; margin-right:4px; width:762px;}
			/*Voir menu.css*/
				
			#promo { float:right; width:614px; padding:5px; padding-top:58px; height:50px;}
			html > body #promo { height:auto; min-height:50px;}
			#promo.fullpage {
				float: right;
				padding: 5px;
				width: 744px;
				background: #990099;
				margin-right: 2px;
				background: #FFFFFF url(/images/header.jpg) no-repeat;
				height: 93px;
			}	html > body #promo.fullpage { height:auto; min-height:93px;}



/*##############################################################################################################*/
/*##############################################################################################################*/
/*##############################################################################################################*/



	#bottom{
		height:200px;
		margin-left:6px;
	}
		#placeusage { width:377px; height:109px; background:transparent;margin-top:2px; float:left;}
			#usage { width:377px; height:109px; background:#005a97;  float:left; border-top:1px solid #192430; color:#fff;}
			#usage a {font-weight:bold; font-size:11px;color:#42aefb}
			#usage a:hover {color:#a8dbff}
				#u-img {width:154px; height:98px; background:#fff url(/images/produits_u.gif) no-repeat center; margin:5px 12px; float:left;}
				#u-desc {float:right;width:156px; height:103px; background:url(/images/u_degrade.gif) no-repeat right; padding-top:6px;}
				#u-txt {padding-bottom:5px;}
				#u-prix {	background:url(/images/u_prix.gif) no-repeat; width:85px; height:32px; padding:12px 0px 0px 60px;
							color:#000; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
				}
				#u-prix-p1 {width:57px; height:44px; background:url(/images/u_prix-p1.gif) no-repeat; float:left}
				#u-prix-p2 {background:url(/images/u_prix-p2.gif) repeat-x; float:left; height:32px; padding-top:12px;
							color:#000; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
				#u-prix-p3 { width:41px; height:44px;background:url(/images/u_prix-p3.gif) no-repeat; float:left}

		
		#basdepage { background: url(/images/background-basPro.gif) top left ; float:right; width:378px; height:112px; /*margin-top:10px*/; margin-right:1px;}
			
			#autresn {background: #FFFFFF; margin-left: 225px; color:#c10000; font-size: 10px; font-weight:bold; margin-top: -7px; position: absolute;}
				#autresn a {color:#C10000; text-decoration:none;}
				#autresn a:hover {color:#810000; text-decoration:none;}
				
			#credits {padding:30px 0px 0px 20px; color:#adadad; line-height:1.6em;}
			#credits a{color:#adadad;}
			#credits a:hover{color:#e0e0e0;}
			#credits img {padding-top:5px;}



/*##############################################################################################################*/
/*##############################################################################################################*/
/*##############################################################################################################*/


.clear {clear:both;} html > body .clear { line-height:0px;}

/*menu*/



/*promotions*/
#promo { }
	#promo .p-item{
		font: 12px Verdana, Arial, Helvetica, sans-serif; 
		letter-spacing: 0.04em;
		color:#000;
		background: url(/images/points.gif) center bottom no-repeat;
		clear: both;
		width: 426px;
		padding-bottom: 11px;
		margin-top:1em;
	}
	#promo .noline {background: none;}
		
		#promo .p-img { float:left; width:140px; height:100px; } html > body #promo .p-img {height:auto; min-height:100px; width:auto; min-width:140px;}
		#promo .p-img img {padding:16px 0px 5px 13px}
		#promo .p-desc {float:left; width:273px}
		#promo .full .p-desc{float:none; width:auto; padding: 0px 10px;}
			#promo .p-prix { float:right; background:url(/images/promo-prix.gif) no-repeat; width:71px; height:33px; padding:12px 0px 0px 70px; font-weight:bold; font-size:20px;color:#134683; font-family:Arial, Helvetica, sans-serif;}
			#promo .p-prix2 { float:right; background:url(/images/promo-prix2.gif) no-repeat; width:91px; height:33px; padding:12px 0px 0px 60px; font-weight:bold; font-size:20px;color:#134683; font-family:Arial, Helvetica, sans-serif;}
			#promo .p-tt { color:#c10000; font-weight:bold; font-size: 14px;}
			#promo .p-liste { color:#777777; font-size: 11px; letter-spacing: normal;}
			#promo .p-titre { padding-top:18px;}
			#promo .p-desc2 { padding-top:2px; padding-right:30px;}
			#promo .p-autres { text-align:right; padding-right:10px;}

			#promo .p-prix-H {float:right; height:45px;font-weight:bold; font-size: 20px;color:#134683; font-family:Arial, Helvetica, sans-serif;} html > body #promo .p-prix-H {width:auto; min-width:145px;}
			#promo .p-prix-H1 {float:left;background:url(/images/promo-prix-p1.gif) no-repeat; width:66px; height:45px;}
			#promo .p-prix-H2 {float:left;background:url(/images/promo-prix-p2.gif) repeat-x bottom; height:45px; width:39px; text-align:center;} html > body #promo .p-prix-H2 {width:auto; min-width:39px;}
				#promo .p-prix-H2 span { display:block; padding-top:12px;padding-right:3px;}
			#promo .p-prix-H3 {float:left;background:url(/images/promo-prix-p3.gif) no-repeat; width:38px; height:45px;}
			
/*promo détail*/
	#promo .co-a {float:left; width:240px; height:221px} html > body #promo .co-a {height:auto; min-height:221px;}
	#promo .co-b {float:left; width:186px} html > body #promo .co-b { /*width:auto; min-width:273px;*/}

	#promo .promo-fullimg { background:url(/images/icones/loupe.gif) left center no-repeat;}
	#promo .promo-fulldesc { background:url(/images/icones/info.gif) left center no-repeat;}
	#promo .promo-lurl { padding-left:14px; margin-left:10px; color:#000; text-decoration:none; }
	/*#promo .promo-lurl:hover { text-decoration:underline;}*/
	#promo .promo-fulldescbox {border-top:1px solid #ddd; margin:10px; padding-top:10px;}
	
	#promo .promo-opt { display:block; padding:5px; padding-left:30px; margin:4px 0px; border-top:1px solid #aaa; font-weight:bold; color:#134683;}
	#promo .promo-add {background:url(/images/icones/cart.gif) 10px center no-repeat; margin-top:20px;}
	#promo .promo-email {background:url(/images/icones/email.gif) 10px center no-repeat; border-bottom:1px solid #aaa;}
	#promo .promo-opt:hover {text-decoration:underline;color:#248BD5;}
	#promo #promo-fulldesc {padding-left:20px;}
	
	#promo .promo-sim {text-decoration:none; color:#000; margin-bottom:10px; float:left;}
	#promo .promo-sim:hover {text-decoration:underline;}
	#promo .promo-sdesc {clear:both;}
	#promo .promo-sku { margin-bottom:20px; margin-top:6px;}
	#promo .pliste {margin:10px 0px;}
	
	#promo #retourliste {font-size: 10px; position:absolute; margin-left:290px;margin-top: 8px; color:#C10000; text-decoration:none; font-weight: bold;}
	#promo #retourliste:hover {color:#810000; text-decoration:none;}
/*######################################################
					Recherche
######################################################*/


#advSearch {}

.searchCat .header {margin-top:10px; margin-bottom:10px; 
					background: #1d6cb1 url(/images/bg-h3.jpg) 0px -2px repeat-y; padding: 4px 4px 4px 14px; 
					color:#FFFFFF; font-size:105%;}

.header .titre { float:left; font-weight:bold}

.searchCat .result { float:right;}


.searchCat .titre {font-weight: bold;}
.searchCat .titre em {font-weight: normal;}
.searchCat .sommaire {margin:10px;margin-top:3px; margin-bottom:10px;}

.rowTrue {margin-left:10px; padding:3px;}
.rowFalse {margin-left:10px; background-color:#EEEEEE; padding:3px;}

#ResultSearch {
	margin-top:20px;
	width:100%;
	text-align:center;
	color:#666666;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;

}

.filtertab ul { list-style-type:none; padding:0px; margin:0px; margin-top:20px;}
.filtertab li { padding:3px 0px 3px 20px; margin:0px; margin-left:24px; background:url(/images/icones/arrow_up.gif) left no-repeat;}



/*######################################################
					Formulaires
######################################################*/


ul.equipe, ul.equipe li  {
	background:transparent none repeat scroll 0%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:10px;
}
ul.equipe li {
	background:transparent url(/images/bg-dots.gif) repeat-x scroll left bottom;
	clear:left;
	padding:10px 0px 11px;
}
ul.equipe li img {
	border: 1px solid #B7B7B7;
	float: right;
	margin:10px 0px 10px 10px;
	padding: 3px;
}
ul.equipe li span.email a{
	background: url(/images/bullet-mail.gif) 0px 0px no-repeat;
	padding-left: 20px;
	padding-bottom: 2px;
}


ul.equipe li h2 {
	color:#646464;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0px;
	padding:10px 0px 2px;
}

ul.equipe li h2 strong {
color: #1d6cb1;
display:block;
font-weight:bold;
font-size: 14px;
}
ul.equipe li .email {
	display:block;
	padding:10px 0px;
}

/* STYLES POUR LES PAGES EDITABLES */
#printp{
	padding: 0px 10px 20px 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#printp.nopad{
	padding: 0px;
}
#printp h1{
	margin: 0px;
	padding: 15px 0px 0px 0px;
	font: 18pt Arial, Helvetica, sans-serif;
	color: #104684;
	font-variant: small-caps;
}
#printp h2{
	margin: 0px;
	padding: 25px 0px 0px 0px;
	font: 17pt Arial, Helvetica, sans-serif;
	color: #1d6cb1;
	font-variant: small-caps;
	letter-spacing: 0.02em;
}
#printp h3{
	margin: 8px 0px 0px 0px;
	padding: 3px 8px 3px 15px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #1d6cb1 url(/images/bg-h3.jpg) 0px -1px repeat-y;
}
#printp h4{
	margin: 15px 0px 20px 0px;
	padding: 5px 0px;
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #1d6cb1;
	letter-spacing: 0.02em;
}
	#printp h4 a{
		color: #1d6cb1;
		text-decoration: none;
		background: url(/images/bg-h4.gif) 0px 5px no-repeat;
		padding-left: 10px;
	}
	#printp h4 a:hover{
		color: #ff2f14;
		text-decoration: none;
		background: url(/images/bg-h4-o.gif) 0px 5px no-repeat;
	}
#printp h5{
	margin: 0px;
	padding: 25px 0px 0px 0px;
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #4a71a2;
	letter-spacing: 0.04em;
}
#printp h6{
	margin: 0px;
	padding: 15px 0px 15px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
#printp p{
	padding: 8px 0px;
	margin: 0px;
	font-size: 12px;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
#printp pre{
	padding: 10px;
	margin: 0px;
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	line-height: 1.3em;
	white-space: normal;
	background: #eef7ff;
	color: #104684;
}
	#printp pre a:hover{color: #ff2f14;}
#printp ul{
	margin: 0px 0px 0px 10px;
	padding: 10px 0px;
	list-style: none;
}
#printp ul ul{
	margin-left: 30px;
	padding: 5px 0px 10px 0px;
}
#printp ul li{
	margin: 0px;
	padding: 0px 0px 5px 15px;
	background: url(/images/bullet-arrow-blue2.gif) 6px 4px no-repeat;
	list-style: none;
}
#printp ul ul li{background: url(/images/bullet-arrow-blue.gif) 7px 5px no-repeat;}
#printp ul ul ul li{background: url(/images/bullet-arrow-blue3.gif) 7px 5px no-repeat;}

#printp ol{
	list-style: decimal;
	color: #000000;
	margin-left: 20px;
	padding: 10px 0px 15px 20px;
}
#printp ol li{padding-bottom: 5px;}
#printp ol ol{
	list-style: upper-roman;
	font-size: 11px;
	padding: 10px 0px 15px 10px;
}
#printp ol ol ol{list-style: lower-alpha; font-size: 10px;}

#printp img.BordureImage{
	margin: 0px 10px 10px 0px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
#printp a img.BordureImage{
	border: 1px solid #1d6cb1;;
}
#printp a:hover img.BordureImage{
	border: 1px solid #ff2f14;
}
#printp table.TableauDroite{
	width: auto;
	float: right;
	margin: 0px 0px 10px 10px;
	border: 0px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
}
	#printp table.TableauDroite td{
		padding-left: 10px;
	}
	#printp table.TableauDroite td h2{
		padding-top: 10px;
	}
	#printp table.TableauDroite td img.BordureImage{
		margin-right: 0px;
	}
/* FIN STYLES POUR LES PAGES EDITABLES */

#newUsage{
	margin: 0px;
	margin-top: -5px;
	padding: 10px 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 614px;
}
	#newUsage div.colLeft{
		float: left;
		width: 200px;
	}
	#newUsage div.colRight{
		float: left;
		width: 414px;
	}
	#newUsage h2{
		padding: 0px;
		margin: 0px 10px;
		color: #005e9b;
		font: 16pt Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #d3dde4;
	}
	#newUsage h4{
		padding: 15px 0px 0px 0px;
		margin: 0px 10px;
		color: #005e9b;
		font: 13pt Arial, Helvetica, sans-serif;
	}
	#newUsage h6{
		padding: 3px 0px 5px 0px;
		margin: 0px 10px;
		color: #666666;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#newUsage div.details{
		padding: 0px 10px;
	}
	#newUsage #imgHolder{padding-left: 10px;}
	#newUsage #imgHolder img{
		padding: 2px;
		border: 1px solid #CCCCCC;
	}
	#newUsage #imgHolder a img{
		padding: 2px;
		border: 1px solid #1d6cb1;
	}
	#newUsage #imgHolder a:hover img{
		border: 1px solid #ff2f14;
	}
	#newUsage div.zoom{
		margin: 1px 4px 0px 10px;
		text-align: center;
	}
		#newUsage div.zoom a{
			display: block;
			width: 186px;
			background: #F0F0F0;
			color: #666666;
			text-decoration: none;
		}
			#newUsage div.zoom a span{
				display: block;
				padding: 5px 10px;
			}
		#newUsage div.zoom a:hover{
			background: #005e9b;
			color: #FFFFFF;
		}
	#newUsage div.prix{
		margin: 1px 4px 0px 10px;
		padding: 5px 0px;
	}
	#newUsage div.prixliste{
		margin: 1px 4px 0px 10px;
		padding: 5px 7px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		border-top: 1px solid #F0F0F0;
	}
	#newUsage div.vendu{
		background: #F0F0F0;
		text-align: center;
		padding: 5px 10px;
		margin: 1px 4px 0px 10px;
		color: #CC0000;
		font: bold 12px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	#newUsage div.back{
		padding: 5px 0px;
		margin: 25px 4px 0px 10px;
		border-top: 1px solid #F0F0F0;
		font-size: 11px;
	}
	#newUsage div.specs{clear: both;}
	#newUsage div.specs ul,
	#newUsage div.specs ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#newUsage div.specs ul li{
			padding: 4px 20px 4px 47px;
			background: url(/images/icones/info.gif) 30px 7px no-repeat;
		}



/*######################################################
					Formulaires
######################################################*/
form{
	margin:0px;
	padding:0px;
}

/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}