/**********
 * COMMON *
 **********/

html, body
{
	/*behavior: url('csshover.htc');*/
	width: 				100%;
	height: 			100%;
	padding: 			0;
	margin: 			0;
}




body
{
	/*height:             100%; */
	font: 70% "Trebuchet MS", sans-serif; 
	background: #EEEEEE;
}

div
{
	padding: 			0;
	margin: 			0;
	text-align: 		left;
}

/* Referencement */
.pageContentDesc { text-indent: -9000px; position: absolute; }

/* Page Container */
div#main
{
	margin: 			0 auto;
	/*height: 			100%;*/
	/*min-height: 		100%;*/
	/*position: 			relative;*/
	/*width: 				990px;*/
	width: 				1020px;
	padding-left:        0px;
	/* background:  		url('../img/template/page/bgBorder.png') repeat-y scroll center top; */
}

/* Page Header */
div#header
{
	width: 				1020px;
	height:				134px; /* mainmenu + banner */
	position: 			absolute;
	top: 				0;
	z-index:            1;
}

/* Page Content */
div#page
{
	position : relative;
	background-color: 	#ffffff;
	width: 				1019px;	
	min-height: 		568px;
	margin-top: 		139px; /* header + menu */
	padding-top :       5px;
	z-index:            1;
}

/* Page Footer */
div#footer
{
	bottom:             0px;
	width: 				1020px;
	/* height: 		    268px; */
	text-align: 		center;
	font-size: 			12px;
	color: 				#666666;
	border-top: 		#e5e5e5 1px solid;
	position: 			relative;
	z-index:            1;

}

div#footer-content
{
	text-align: 		center;
	line-height:        20px;
	background:			url('/img/template/footer/footer-bg.png') repeat-x scroll 0 0 transparent;
    color: 				#FFFFFF;
}

div#footer-title
{
	text-align: 		center;
	line-height:        20px;
	background:			url('/img/template/footer/subfooter-bg.png') repeat-x scroll 0 0 transparent;
  	color: 				#818181;	

}

#footer ul 
{
	-moz-padding-start: 0px;
	-webkit-padding-start: 0px;
	padding-left: 		0px;
    display: 			block;
    list-style-type: 	none;
    margin: 			1em 0;
	
}

#footer a 
{
	color: 				#C8C8C8;
	font-weight:   		normal;
 	font-size: 			12px;	
}


#footer h4 
{
	padding: 			0px;
	margin: 			0px;
	display: 			block;
    font-size: 			13px;
    font-weight: 		bold;	
}

.footer-col1
{
	float:        		left;
	width: 				175px;
	padding: 			20px;
}

.footer-col2
{
	float:        		left;
	width: 				340px;
	padding: 			20px;
}

.footer-col3
{
	float:        		left;
	width: 				550px;
	padding: 			20px;
}

.footer-col4
{
	float:        		left;
	width: 				700px;
	padding: 			20px;
}

.footer-col5
{
	float:        		left;
	width: 				900px;
	padding: 			20px;
}


div#imprimvert
{
	float:              right;
	position: 			relative;  
	width: 				120px; 
	height: 			120px;
	top:                -64px;
	right:              30px;
	z-index:            2;
}


/* specifique firefox pour aligner le footer en bas et mettre le logo imprim vert en surimpression */
@-moz-document url-prefix() {


	
	div#imprimvert
	{ 
		top:                -64px;
	} 
}

/* Index */
span#indexTitle
{
	width: 				500px;
	height: 			160px;
	margin-left: 		auto;
	margin-right: 		auto;
	background: 		url('../img/template/index/title.png') no-repeat center center;
	display:			block;
}

span#indexLogo
{
	width: 				200px;
	height: 			400px;
	margin-left: 		auto;
	margin-right: 		auto;
	background: 		url('../img/template/index/logo.png') no-repeat center center;
	display:			block;
}

a#indexLink
{
	display: 			block;
	text-align: 		center;
	font-size: 			72px;
	color: 				#ffffff;
}

div#banner
{
	height:				90px;
	width: 				1014px;
	padding-top:		0px;   
	padding-bottom:		0px;   
	/* background:			url('../img/template/header/back.png') no-repeat 0 0; */
	/* background: none repeat scroll 0 0 white; */
}


div#dialog
{
	padding-top:		0px;   
	padding-bottom:		0px;   
}


div#mainmenu
{
	position:          relative;
	height:			   34px;
}

div#logo
{
	float: 				left;
	margin: 			4px;
	height: 			80px;
	width:				100px;
	background: 		url('../img/template/header/logo.gif') no-repeat 0 0;
}

div#title
{
	float: 				left;
	margin: 			4px;
	height: 			80px;
	width:				368px;
	background: 		url('../img/template/header/title.png') no-repeat 0 0;
}

div#slogan, div#catalogue, div#slogan, div#copyright
{
	padding: 			1px;
}

a#numazur
{
	float: 				left;
	margin: 			5px 0 5px 0;
	height: 			20px;
	width:				116px;
	background: 		url('../img/template/header/phoneAzur.gif') no-repeat center left;
	padding: 			2px 2px 2px 65px;
	font: 				bold 16px Arial;
	color: 				#00aeef;
	text-decoration: 	none;
}

a#numindigo
{
	float: 				left;
	margin: 			5px 0 5px 0;
	height: 			20px;
	width:				116px;
	background: 		url('../img/template/header/phoneIndigo.gif') no-repeat center left;
	padding: 			2px 2px 2px 65px;
	font: 				bold 16px Arial;
	color: 				#453C97;
	text-decoration: 	none;
}

div#bannerPhone
{
	top:                0px;
	left:               0px;
	position:           relative;
	float:				left;
	text-align: 		center;
	height: 			20px;
	width:				134px;
	color:              #AFCB00;
}

#bannerLogin table 
{
	margin-top:			15px;
}

a.bannerPhone
{
	padding-left :      20px;
	height: 			20px;
	font: 				bold 16px Arial;
	color: 				#AFCB00;
	text-decoration: 	none;
	background: 		url('../img/template/header/phone_tel.gif') no-repeat center left;
}

div#headerAdd
{
	position: 			relative;
	float: 				left;
	height: 			100px;
	width: 				225px;
	margin: 			0 0px;
	text-align: 		left;
	z-index: 			5;
	font-size: 			16px;
}
div#bannerLogin
{
	top: 				4px;
	float: 				right;
	height: 			100%;
	width: 				265px;
	text-align: 		center;
	margin-right: 		30px;
}

div#login
{
	width: 				45%;
	float: 				left;
	margin: 			4px;
}

div#register
{
	width: 				45%;
	float: 				right;
	margin: 			4px;
}

.cart
{
	margin: 			2px 3px 2px 3px;
	background: 		url('../img/template/header/basket-48x48.png') no-repeat center left;
	height: 			48px;
	width: 				48px;
	text-decoration: 	none;
}

.phone
{
	margin: 			2px 3px 2px 3px;
	background: 		url('../img/template/header/phone-48x48.png') no-repeat center left;
	height: 			48px;
	width: 				48px;
	text-decoration: 	none;
}

.contact
{
	margin: 			2px 3px 2px 3px;
	background: 		url('../img/template/header/mail-48x48.png') no-repeat center left;
	height: 			48px;
	width: 				48px;
	text-decoration: 	none;
}

.orders
{
	margin: 			2px 3px 2px 3px;
	background: 		url('../img/template/header/mail-48x48.png') no-repeat center left;
	height: 			48px;
	width: 				48px;
	text-decoration: 	none;
}

div.clear
{
	visibility: 		hidden;
	height: 			0;
	font-size: 			0;
	display: 			block;
	clear: 				both;		
}

/* Page Path */
div#path
{
	font-size:			16px;
	font-weight:	    bold;	
	min-height:			50px;
	max-height:         145px;
	line-height:		50px;
	margin:				0;
	margin-top:         5px;
	margin-bottom:      5px;
	padding:			0 15px 0 15px;
}

a 		{ text-decoration: 	none; 	 	color: black; 	}
a:hover { text-decoration: 	underline; 	color: red; 	}
img 	{ border: 			0; 							}

div.flow { float: left;  display: inline; }
div.rlow { float: right; display: inline; }

div.homePhoto
{
	margin: 		0 auto;
	overflow: 	  	hidden;
	width: 			200px; 
	height: 		150px;
	line-height: 	150px;
	font-family: 	Arial;
	font-size: 		10px;
	font-weight: 	bold;
	color: 			#222222;
	text-align: 	center;
	background: 	url('../img/template/home/noPhoto.png');
}

div.productPhoto
{
	margin: 		4px;
	border: 		1px solid #999999;
	overflow: 	  	hidden;
	float: 			right;
	width: 			200px; 
	height: 		150px;
	line-height: 	150px;
	font-family: 	Arial;
	font-size: 		10px;
	font-weight: 	bold;
	color: 			#dddddd;
	text-align: 	center;
	background: 	url('../img/template/product/noPhoto.png');
}

div.basketItemPhoto,
div.searchResultPhoto
{
	margin: 		4px;
	border: 		1px solid #000000;
	overflow: 	  	hidden;
	float: 			left;
	width: 			100px; 
	height: 		75px;
	line-height: 	75px;
	font-family: 	Arial;
	font-size: 		10px;
	font-weight: 	bold;
	color: 			#dddddd;
	text-align: 	center;
	background: 	url('../img/template/basket/noPhoto.png');
}

div.homePhoto img,
div.productPhoto img,
div.basketItemPhoto img,
div.searchResultPhoto img
{
	width: 			100%;
	margin-top: 	auto;
	margin-bottom: 	auto;
}

div#orderDetail
{
	margin-left: 	10px;
	margin-right: 	10px;
}

.blocBg1	{ background-color: #f8fcef; }
.blocBg2 { background-color: #ebf5d7; }

.tl10, .tr10, .bl10, .br10, .tl10b1, .tr10b1, .bl10b1, .br10b1
{
	height: 			10px; 
	width: 				10px;
	font-size: 			1px;
}

.tl10b1, .tr10b1, .bl10b1, .br10b1 { margin: -1px; }

.tl10 	{ background: url('../img/template/radius/tl10.gif') no-repeat; float: left; 	}
.tr10 	{ background: url('../img/template/radius/tr10.gif') no-repeat; float: right; 	}
.bl10 	{ background: url('../img/template/radius/bl10.gif') no-repeat; float: left; 	}
.br10 	{ background: url('../img/template/radius/br10.gif') no-repeat; float: right; 	}

.tl10b1 { background: url('../img/template/radius/tl10_b1.gif') no-repeat; float: left; 	}
.tr10b1 { background: url('../img/template/radius/tr10_b1.gif') no-repeat; float: right; 	}
.bl10b1 { background: url('../img/template/radius/bl10_b1.gif') no-repeat; float: left; 	}
.br10b1 { background: url('../img/template/radius/br10_b1.gif') no-repeat; float: right; 	}

/* Better rounded Box */

.roundCorner8Gray
{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	background-color: #fff;
	z-index: 1;
}
 	
.roundCorner8Gray .content { padding: 8px; }

.roundCorner8Gray .content h2
{
	color: #afcb00;
    text-align: center;
}

.roundCorner8Gray .content .center { text-align: center; }

.roundCorner8Gray .tl { background: transparent url('../img/template/radius/tl8_b1_gray.gif') no-repeat   0%   0%; }
.roundCorner8Gray .tm { background: transparent url('../img/template/radius/tm8_b1_gray.gif') repeat-x    0%   0%; }
.roundCorner8Gray .tr { background: transparent url('../img/template/radius/tr8_b1_gray.gif') no-repeat 100%   0%; }
.roundCorner8Gray .ml { background: transparent url('../img/template/radius/ml8_b1_gray.gif') repeat-y    0% 100%; }
.roundCorner8Gray .mr { background: transparent url('../img/template/radius/mr8_b1_gray.gif') repeat-y  100%   0%; }
.roundCorner8Gray .bl { background: transparent url('../img/template/radius/bl8_b1_gray.gif') no-repeat   0% 100%; }
.roundCorner8Gray .bm { background: transparent url('../img/template/radius/bm8_b1_gray.gif') repeat-x    0% 100%; }
.roundCorner8Gray .br { background: transparent url('../img/template/radius/br8_b1_gray.gif') no-repeat 100% 100%; }

.underleft, .underRight { height: 2px; line-height: 2px; font-size: 1px; }
.underLeft   { background: transparent url('../img/template/underline/green2_left.png')  no-repeat top left;  padding-left:  10px; }
.underRight { background: transparent url('../img/template/underline/green2_right.png') no-repeat top right; padding-right: 10px; }

div.minHeight_200 { height: 200px; }
div.minHeight_400 { height: 400px; }
div.minHeight_600 { height: 600px; }
div.minHeight_800 { height: 800px; }

html > body div.minHeight_200 {	height: auto; min-height: 200px; }
html > body div.minHeight_400 {	height: auto; min-height: 400px; }
html > body div.minHeight_600 {	height: auto; min-height: 600px; }
html > body div.minHeight_800 {	height: auto; min-height: 800px; }

.w15pct 	{ width: 14%;  }
.w20pct 	{ width: 19%;  }
.w25pct 	{ width: 24%;  }
.w30pct 	{ width: 29%;  }
.w33pct 	{ width: 32%;  }
.w35pct 	{ width: 34%;  }
.w40pct 	{ width: 39%;  }
.w45pct 	{ width: 44%;  }
.w50pct 	{ width: 49%;  }
.w55pct 	{ width: 54%;  }
.w60pct 	{ width: 59%;  }
.w65pct 	{ width: 64%;  }
.w67pct 	{ width: 66%;  }
.w70pct 	{ width: 69%;  }
.w75pct 	{ width: 74%;  }
.w80pct 	{ width: 79%;  }
.w85pct 	{ width: 84%;  }
.w100pct 	{ width: 100%; }

/* Padding specifiques */
/* 4px */
.p4 	{ padding: 4px; 			}
.pT4 	{ padding: 4px 0 0 0; 		}
.pR4 	{ padding: 0 4px 0 0; 		}
.pB4 	{ padding: 0 0 4px 0; 		}
.pL4 	{ padding: 0 0 0 4px; 		}
.pLR4 	{ padding: 0 4px 0 4px; 	}
.pTB4 	{ padding: 4px 0 4px 0; 	}

/* 10px */
.p10 	{ padding: 10px; 			 }
.pT10 	{ padding: 10px 0 0 0; 		 }
.pR10 	{ padding: 0 10px 0 0; 		 }
.pB10 	{ padding: 0 0 10px 0; 		 }
.pL10 	{ padding: 0 0 0 10px; 		 }
.pLR10 	{ padding: 0 10px 0 10px; 	 }
.pTR10 	{ padding: 10px 10px 0 0; 	 }
.pTB10 	{ padding: 10px 0 10px 0; 	 }
.pLTR10 { padding: 10px 10px 0 10px; }

/* Margin specifiques */
/* 4px */
.m4 	{ margin: 4px; 				}
.mT4 	{ margin: 4px 0 0 0; 		}
.mR4 	{ margin: 0 4px 0 0; 		}
.mB4 	{ margin: 0 0 4px 0; 		}
.mL4 	{ margin: 0 0 0 4px; 		}
.mLR4	{ margin: 0 4px 0 4px; 		}
.mTB4 	{ margin: 4px 0 4px 0; 		}

/* 10px */
.m10    { margin: 10px 				}
.mT10 	{ margin: 10px 0 0 0; 	 	}
.mR10 	{ margin: 0 10px 0 0; 	 	}
.mB10 	{ margin: 0 0 10px 0; 	 	}
.mL10 	{ margin: 0 0 0 10px; 	 	}
.mLR10 	{ margin: 0 10px 0 10px; 	}
.mTR10 	{ margin: 10px 10px 0 0; 	}
.mTB10 	{ margin: 10px 0 10px 0; 	}



#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:10px;
    width:250px;   
}
 
#tooltip .tipHeader {
	height:8px;
	-moz-border-radius-topleft: 75px;
	border-top-left-radius: 75px;
	-moz-border-radius-topright: 75px;
	border-top-right-radius: 75px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	background:#333;
}
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}

#tooltip .tipBody {
	background-color:#000;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	background:#333;
	padding:5px;
}

#tooltip .tipFooter {
	height:8px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 75px;
	border-bottom-left-radius: 75px;
	-moz-border-radius-bottomright: 75px;
	border-bottom-right-radius: 75px;
	background:#333;
}