@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;
}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

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-main2.gif) repeat-y center}
#middle.deuxtiers {background:url(/images/degrade-main2-Power.gif) repeat-y center}

	#coll-1 { float:left; width:578px;} #coll-1a {}
		#img { border-left:2px solid #232323; /*margin-right:4px;*/; float:right }
		#content { border-top:3px solid #242424; margin-right:4px; width:574px;}
			/*Voir menu.css*/
				
			#promo { float: right; width: 436px; padding-top:58px; height:50px;}
				html > body #promo { height:auto; min-height:50px;}
				
			#promo.deuxtiers{
				width: 568px;
			}


	
	#coll-2 { float:right; width:184px; }
		#menu2 {border-right:2px solid #171717; }
		#recherche {background:url(/images/caserecherche.gif) no-repeat; width:182px; height:61px;}
			#recherche #gg { text-align:right;width:144px; float:left;}
			#recherche #hh { width:20px; float:right; padding-right:10px;}
			#recherche form { padding-top:11px; margin:0px;}
			#recherche input {}
			#recherche a input{ border:none; background:url(/images/bt_recherche.gif) no-repeat center; width:20px; height:20px; border:none; padding:0px 5px; cursor:pointer}
			#recherche a:hover input { background:url(/images/bt_recherche-o.gif) no-repeat center; cursor:pointer}
			#recherche span { text-transform:uppercase; color:#000; font-weight:bold;}
			#recherche a {color:#fff;}
			#recherche a:hover { color:#CCCCCC;}
			
		#banniere { width:182px; }
			
			.banner1 { background:#fff url(/images/banner-t.gif) top no-repeat; margin-top:3px;}
			.banner2 {background:url(/images/banner-b.gif) bottom no-repeat; margin-top:3px;}
			.in-banner { padding:5px 3px; height:10px;} html > body .in-banner { height:auto; min-height:15px;}
			.in-banner span { display:block; padding-left:16px;}


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



	#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:18px; height:44px;background:url(/images/u_prix-p3.gif) no-repeat; float:left}

		
		#basdepage { background: url(/images/background-bas.gif) top left ; float:right; width:378px; height:112px; /*margin-top:10px*/; margin-right:1px;}
			
			#autresn {background: #FFFFFF; margin-left: 50px; 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*/

#megaHolder{
	width: 436px;
	overflow: hidden;
	margin-top: -20px;
}
/*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;
		padding-bottom: 11px;
		margin-top:1em;
	}
	#co-b-noimg{padding: 0px 10px;}
	#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 details sans images*/	
	#promo .co-b-noimg {float:left; text-align:center;} html > body #promo .co-b-noimg { /*width:auto; min-width:273px;*/}
	#promo .promo-sdesc-noimg {clear:both; text-align:left; padding-top:10px; padding-bottom:20px;}
	
	#promo .promo-opt-noimg { display:block; text-align:left; padding:5px; padding-left:30px; margin:4px 0px; border-top:1px solid #aaa; font-weight:bold; color:#134683;}
	#promo .promo-email-noimg {background:url(/images/icones/email.gif) 10px center no-repeat; text-align:left; border-bottom:1px solid #aaa;}
										
/*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 {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 */

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

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


#menu3 { 
				float:left; 
				width:138px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #656565;
				font-weight: bold;
				background: url(/images/degrade-main2-menu.gif) repeat-y center;
				line-height: 1em;
			}
				
				#menu3 ul, #menu3 li {padding:0px; margin:0px; list-style-type:none;}
				#menu3 ul {margin-top:10px;}
				#menu3 li {overflow:hidden; position: relative;}
				
				#menu3 ul a{
					display: block;
					width: 138px;
					color: #656565;
					text-decoration: none; 
					overflow: hidden;
					background: url(/images/degrade-main2-menu.gif) repeat-y center;
				}
				#menu3 a span{
					display: block;
					border-bottom: 1px solid #c7c8c9;
					border-top: 1px solid #FFFFFF;
					padding: 10px 15px;
					margin: 0px 0px 0px 6px;
				} 
				
				#menu3 a:hover{color: #333333; background:url(/images/menu3-nso.gif) repeat-y;}
				#menu3 a:hover span{
					border-bottom: 1px solid #eeeeee;
					border-top: 1px solid #aaacaf;
				} 
				#menu3 li.selected,
				#menu3 li.father{
					background:url(/images/menu3-smenu.gif) top right repeat-y;
				}
				#menu3 li.selected a,
				#menu3 li.father a{ 
					background:url(/images/menu3-o.gif) no-repeat; 
					color:#1a5398;
				}
				#menu3 li.selected a span,
				#menu3 li.selected a:hover span,
				#menu3 li.father a span,
				#menu3 li.father a:hover span{
					padding: 14px 15px 10px 20px;
					border: none;
				}
				#menu3 li.selected a:hover,
				#menu3 li.father a:hover{
					color: #ff2f14;
					background:url(/images/menu3-o.gif) no-repeat; 
				}
				#menu3 b {display:none;}
				#menu3-b {background:url(/images/degrade-souscontent2-menu.gif) bottom right no-repeat; padding-bottom:12px;}
				
					#menu3 li ul{
						margin: 0px;
						background: url(/images/menu3-smenu-top.gif) 6px 0px no-repeat;
						padding: 0px;
						font: 10px Verdana, Arial, Helvetica, sans-serif;
					}
					#menu3 ul li.father ul li a{
						background: none;
						color: #666666;
					}
					#menu3 ul li.selected ul li a,
					#menu3 ul li.father ul li a{
						background: none;
						color: #346ab0;
					}
					#menu3 ul li.father ul li a span,
					#menu3 ul li.father ul li a:hover span,
					#menu3 ul li.selected ul li a span,
					#menu3 ul li.selected ul li a:hover span{
						background: none;
						padding: 5px 10px 5px 20px;
					}
					#menu3 ul li.father ul li a:hover,
					#menu3 ul li.selected ul li a:hover{
						background:url(/images/menu3-smenu-o.gif) top right repeat-y;
						color: #042041;
					}
					#menu3 ul li.father ul li.selected{
						background: none;
						width: 138px;
					}
					#menu3 ul li.father ul li.selected a,
					#menu3 ul li.father ul li.selected a span{
						background:url(/images/menu3-smenu-o.gif) top right repeat-y;
						font-weight: bold;
					}