html {font-size: 100.01%; color: #333; height: 100%;}
body {background: #4F5011 url(../i/bbg.jpg); font: .75em tahoma,freesans,sans-serif; height: 100%; margin: 0; position: relative; z-index: 0;}

/* ----------------------------- GLOBAL RESETS ------------------------------------------------------------- */

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td,p {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
img,abbr,acronym,fieldset {border:0;}
address,caption,cite,code,dfn,th,var,i {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1 {font: normal 2.17em Arial,freesans,sans-serif; color: #6D6D6D; margin-bottom: 5px;}
h2 {font-size: 1.7em; font-weight:normal; color: #6D6D6D; margin-bottom: 3px;}
h3 {font-size:100%; font-weight:normal;}
h4 {font-size:100%; font-weight:normal;}
h5 {font-size:100%; font-weight:normal;}
h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
ul, ol {list-style: none;}
a {color: #0188CE;} a:hover {text-decoration: none;} a * {cursor: pointer;}
input,select,textarea {font: 1em tahoma,freesans,sans-serif; color: #333;}
input {margin: 0;}
ins {text-decoration: none; display: -moz-inline-box; display: inline-block;}
small {font-size: .95em;}
textarea {overflow: auto; margin: 0;}
:focus {outline: 0;}

/* ----------------------------- END of GLOBAL RESETS ------------------------------------------------------------- */


/* ----------------------------- HELP CLASSES ------------------------------------------------------------- */

.s5 {margin-bottom: 5px !important;} .s10 {margin-bottom: 10px !important;} .s15 {margin-bottom: 15px !important;} .s20 {margin-bottom: 20px !important;} .s25 {margin-bottom: 25px !important;} .s30 {margin-bottom: 30px !important;}
.tc {text-align: center !important;} .tr {text-align:  right !important;} .tl {text-align: left !important;}
.fl {float: left !important;} .fr {float: right !important;} .nof {float: none !important;}
.nom {margin: 0 !important;} .nop {padding: 0 !important;} .nob {border: none !important;} .nobg {background: transparent !important;} .nobg-all, .nobg-all * {background: transparent !important;}
.block {display: block !important;} .inline {display: inline !important;}
.bold {font-weight: bold;}
.ic, .ir {width: 15px; height: 14px;}
.hand {cursor: pointer;}
.dib {
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
	vertical-align: top;
}

.clear {clear: both !important; border: none !important; overflow: hidden !important; display: block !important; height: 0 !important; line-height: 0 !important; font-size: 0 !important; float: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important;}

.cl:after {clear: both; display: block; content: "."; height: 0px; visibility: hidden; font-size: 0; line-height: 0;}
.cl {display: inline-block;} * html .cl {height: 1%;} .cl {display: block;} li.cl {display: list-item;}

/* ----------------------------- END of HELP CLASSES ------------------------------------------------------------- */


/* ----------------------------- PNG HACK FOR IE6 ------------------------------------------------------------- */

* html .g-png {zoom: expression(runtimeStyle.zoom = 1, runtimeStyle.filter += "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + getElementsByTagName("img")[0].src + ")");}
* html .g-png img {visibility: expression(runtimeStyle.visibility="hidden", parentNode.insertBefore(createElement("png"), this));}
* html .g-png png {font-size: 0; position: absolute; width: expression(runtimeStyle.width = parentNode.offsetWidth + "px"); height: expression(runtimeStyle.height = parentNode.offsetHeight + "px");}
* html a.g-png, * html a .g-png, * html .g-png a {cursor: pointer;}

/* ----------------------------- END of PNG HACK FOR IE6 ------------------------------------------------------------- */

.fs01 {
	font-weight: bold;
	color: #AACD00;
	font-size: 1.33em;
}
.fs02 {
	font-weight: bold;
	font-size: 1.17em;
}
.fs03 {
	font: normal 2em Arial,freesans,sans-serif;
	color: #6D6D6D;
}
.fs04 {
	font-size: .95em;
	color: #666;
}
.fs05 {
	font-size: 1.17em;
	font-weight: bold;
}

/* ----------------------------- Layout styles ------------------------------------------------------------- */

/* ----- page ----------------------- */
.pg {padding: 0 30px;}

/* ----- align center --------------- */
.ac {margin: 0 auto; width: 939px;}



/* ----- main background ------------ */
.bg {background: #fff url(../i/bg.jpg); margin: 0 auto; width: 946px;}

/* ----- padding -------------------- */
.p {padding: 0 33px;}
.dp {padding-bottom: 30px;}

/* ----- top -------- */
.topBanner 
{
	background: #dddddd;
	font-size: .90em; 
	padding: 5px 0 5px;
	text-align:center;
	color:#888888;
	width:100%;
	height:12px;
	}
	.topBanner a {
		color: #888888; 
		font-weight:normal; 
		text-decoration:none;
		margin-right: 10px;
		margin-left: 10px;
		}

.globalNav {
	font-size: .95em; 
	padding: 10px 0 5px;
	}
	.globalNav a {
		color: #fff; 
		font-weight: bold; 
		margin-right: 10px;
		}
.customerName{
	color: #FCC92D; 
	font-weight: bold; 
	margin-right: 10px;
	}
	
.topNav {
	background-color: #99A845;
	margin: 0 4px;
	padding: 0 29px;
	}
	.topNav li {
		position: relative;
		float: left;
		bottom: -8px;
		}
		.topNav li a.a {
			color: #fff; 
			font-weight: bold;
			float: left;
			text-decoration: none;
			}
			.topNav li a.a .i {
				float: left;
				font-weight: bold;
				}
				.topNav li a.a .i .ii {
					float: left;
					font-weight: bold;
					padding: 0 10px;
					line-height: 28px;
					height: 30px;
					overflow: hidden;
					}
		.topNav li a.a:hover,
		.topNav li a.a.aActive {background: #679161 url(../i/nb.gif);}
			.topNav li a.a:hover .i,
			.topNav li a.a.aActive .i {background: url(../i/nl.gif) no-repeat;}
				.topNav li a.a:hover .i .ii,
				.topNav li a.a.aActive .i .ii {background: url(../i/nr.gif) no-repeat 100% 0;}

.logo {float: right; margin-top: -17px;}


/* ----- middle ----- */
.contOuter {
	padding-top: 20px;
	min-height: 300px;
	_height: 300px;
	line-height: 1.3;
}
.boldDescr {
	color: #4A4A4A;
	font-size: 1.17em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 20px;
	}
.leftSide {
	float: left;
	width: 560px;
	}
.ls {
	float: left;
	width: 490px;
	margin-right: 50px;
	}
.rightSide {
	float: right;
	width: 300px;
	}
.rs {
	float: left;
	width: 300px;
	}
	
.pageTitle small {
	font-size: .85em;
}

/* ----- bottom ----- */
.bottomShadow {
	background: url(../i/botShadow.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/botShadow.png', sizingMethod='scale');
	height: 9px;
	margin: 0 auto; 
	font-size: 0;
	width: 946px;
	}
.footer {
	padding: 0 0 10px;
	color: #fff;
	font-size: .95em;
	text-align: center;
	width: 939px;
	margin: auto;
	}
	.footer a {color: #fff; text-decoration: none; margin: 0 3px;}
	.footer a:hover {text-decoration: underline;}

/* ----------------------------- END of Layout styles ------------------------------------------------------------- */


/* ----------------------------- Elements styles ------------------------------------------------------------- */
.disc {
	list-style: disc;
	list-style-image: url(../i/bull.jpg);
	padding: 0 0 20px 32px;
	margin-bottom: -7px;
	zoom: 1;
	}
	.disc li {margin-bottom: 7px;}
		
.bannersOuter {
	height: 321px;
	position: relative;
	margin-bottom: 20px;
}
.banners {}
	.banner {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
	}
	.albumPage {
		position: absolute;
		left: 21px;
		top: 25px;
		width:  543px;
		}
		.albumTop {
			background: url(../i/albTop.png) no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albTop.png', sizingMethod='scale');
			height: 8px;
			line-height: normal;
			overflow: hidden;
			font-size: 0;
		}
		.albumBody {
			background: url(../i/albBody.png) repeat-y;
			height: 1%;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albBody.png', sizingMethod='scale');
		}
		.albumBottom {
			background: url(../i/albBottom.png) no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albBottom.png', sizingMethod='scale');
			height: 11px;
			line-height: normal;
			overflow: hidden;
			font-size: 0;
		}
		.albumCont {
			padding-top: 34px;
			float: left;
			width: 258px;
			margin-left: 10px;
			display: inline;
			}
			.albumTitle {
				background: #6b6b6b url(../i/albTitleBg.png) repeat-y 100% 0;
				color: #fff;
				margin-bottom: 10px;
				padding: 5px 0 1px 20px;
				font-size: 2.83em;
				}
			.albumText {
				color: #4C4C4C;
				line-height: 30px;
				font-size: 1.5em;
				padding-left: 20px;
				}
/* A4 ALBUM ----------------------------- */
	.a4 {
		width: 465px;
	}
		.a4 .albumTop {
			background: url(../i/albTopA4.png) no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albTopA4.png', sizingMethod='scale');
		}
		.a4 .albumBody {
			background: url(../i/albBodyA4.png) repeat-y;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albBodyA4.png', sizingMethod='scale');
		}
		.a4 .albumBottom {
			background: url(../i/albBottomA4.png) no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albBottomA4.png', sizingMethod='scale');
		}
		.a4 .albumCont {
			width: 217px;
		}
			.a4 .albumTitle {
				font-size: 2.33em;
				padding-left: 14px;
			}
			.soft .albumTitle {
				font-size: 2.33em;
			}
			.a4 .a4label,
			.soft .a4label {
				font-size: .786em;
			}
			.a4 .albumText {
				padding-left: 14px;
			}
/* ---- HARD ALBUM ----------------------------- */
		.hardAlbum .albumTop {
			background: url(../i/albTopHard.png) no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albTopHard.png', sizingMethod='scale');
		}
		.hardAlbum .albumBody {
			background: url(../i/albBodyHard.png) repeat-y;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albBodyHard.png', sizingMethod='scale');
		}
		.hardAlbum .albumBottom {
			background: url(../i/albBottomHard.png) no-repeat;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/albBottomHard.png', sizingMethod='scale');
		}
		.hardAlbum .albumImage {
			margin: 0;
		}
		.albumImage {
			float: left;
			margin: -8px 0 -3px;
			position: relative;
		}
			.albumImage img {vertical-align: bottom;}
		.albumNumsTitle {
			position: absolute;
			right: 24px;
			top: 25px;
			color: #fff;
			font-size: 34px;
			letter-spacing: -1px;
		}
		.albumNum {
			position: absolute;
			right: 24px;
			top: 25px;
			width: 277px;
			height: 63px;
			margin-top: 63px;
			}
			.albumNumBg {
				background: url(../i/banLabelBg.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/banLabelBg.png', sizingMethod='scale');
				position: absolute;
				left: 0;
				top: 0;
				width: 277px;
				height: 63px;
				}
			.albumNumImportant .albumNumBg {
				background: url(../i/banLabelBg-important.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/banLabelBg-important.png', sizingMethod='scale');
			}
			.albumNumFix {
				background: url(../i/fix03.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/fix03.png', sizingMethod='scale');
				position: absolute;
				right: -5px;
				top: -5px;
				width: 22px;
				height: 21px;
				font-size: 0;
				overflow: hidden;
				z-index: 1;
			}
			.fix02 .albumNumFix {
				background: url(../i/fix02.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/fix02.png', sizingMethod='scale');
				right: 4px;
				_right: 3px;
				top: 2px;
				width: 16px;
				height: 17px;
			}
			.fix03 .albumNumFix {
				background: url(../i/fix03.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/fix03.png', sizingMethod='scale');
				right: -5px;
				top: -5px;
				width: 22px;
				height: 21px;
			}
			.albumNum big {
				position: absolute;
				right: 7px; 
				top: 20px; 
				font-size: 2.5em; 
				color: #8C8C8C;
				line-height: normal;
				}
			.albumNum a {
				display: block;
				position: relative;
				line-height: 18px; 
				color: #333; 
				text-decoration: none;
				height: 56px;
				font-weight: bold;
				font-size: 14px;
				}
			.albumNum a:hover {background: #fff url(../i/banLabel-hover.gif) no-repeat 14px 16px;}
			    .albumNum a span {
					display: block;
					padding: 7px 20px 0 50px;
				}
				.albumNum a strong {
					color: #0188CE;
					display: block;
					font-size: 16px;
					margin: 0 0 3px;
				}
				.albumNum a:hover strong {color: #00689E;}
		.album2 {top: 97px;}
		.album3 {top: 169px;}
		.album4 {top: 240px;}
		
.box {background-color: #d7d7d7; padding: 9px 7px; border-bottom: 1px solid #DFDFDF;}
	.box:before,
	.boxBefore {
		content: url('../i/btl.jpg');
		background: url('../i/btr.jpg') no-repeat 100% 0;
		height: 7px;
		margin: -9px -7px 0;
		position: relative;
		display: block;
		font-size: 0;
		overflow: hidden;
		}
	.box:after,
	.boxAfter {
		content: url('../i/btr.jpg');
		background: url('../i/btl.jpg') no-repeat 100% 0;
		height: 7px;
		margin: 0 -7px -9px;
		position: relative;
		display: block;
		font-size: 0;
		overflow: hidden;
		border-bottom: 1px solid #9F9F9F;
		}
	.boxIn {
		background-color: #fff;
		padding: 7px 8px;
		}
		.boxTitle {font-size: 1.5em; color: #0188CE;}
			.boxTitle a {text-decoration: none;}
			.boxTitle a:hover {text-decoration: underline;}
.box{
    zoom:1;
/*    behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span class="boxBefore"><img src="i/btl.jpg" alt="" /></span>' + this.innerHTML + '<span class="boxAfter"><img src="i/btr.jpg" alt="" /></span>') : '');*/
}

			
		
.thumbLnk {
	float: left;
	margin: 0 10px 2px 0;
	}
	
.thumbList {
	text-align: center;
	margin: 0 -25px;
	}
	.thumbList li {
		float: left;
		margin: 0 25px;
		display: inline;
		clear: right;
		}
		.thumbList li a {
			float: left;
			font-size: .95em; 
			text-decoration: none; 
			color: #333;
			position: relative;
			}
			.thumbList li i {
				display: block;
				}
				.thumbList li i u {
					font-size: 1.05em; 
					text-decoration: underline; 
					color: #0188CE; 
					display: block;
					}
				.thumbList li a:hover i u {
					text-decoration: none;
					}
			.thumbShadow {
				background: url(../i/smBooksShadow.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/smBooksShadow.png', sizingMethod='scale');
				position: absolute;
				display: block;
				width: 129px;
				height: 130px;
				left: 0;
				top: 0;
			}
			.thumbShadowTall {
				background: url(../i/smBooksShadowTall.png);
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/smBooksShadowTall.png', sizingMethod='scale');
				width: 101px;
				height: 140px;
			}
				
.bottomNav {
	background-color: #555E25;
	border-top: 3px solid #292D0D;
	margin: 0 3px;
	padding: 10px 0px 0px;
	color: #fff;
	}
	.bottomNav a {color: #fff;}
	.bottomNavList {
		float: left;
		width: 20%;
		clear: right;
		}
		.bottomNavList dt {font-weight: bold; margin: 0 0 3px 30px;}
		.bottomNavList dd {font-size: .95em; margin: 0 0 4px 30px;}
		
.rt {
	background: url(../i/rowIc.png) no-repeat;
	padding: 7px 0 5px 29px;
}

.b, .close {
	background-color: #fcc92d;
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
	padding: 1px;
	color: #333333;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	overflow: visible;
}
	.b b, .close b {
		display: block;
		border: 1px solid #fff;
		line-height: 25px;
		padding: 0 10px;
		text-align: center;
	}
	
	.b  b:hover, .close b:hover {
		border: 1px dash #2f9;
		background-color: #fce08b;
	}
	
	.b:active, .close:active {
		border: 1px dash #2f9;
		background-color: #fce08b;
	}
	
	.b-style-01 {
		background: #cacaca url(../i/back.gif) no-repeat 15px 0;
		color: #fff;
	}
	.b-style-01 b {padding: 0 19px 0 43px;}
	.b-style-01:hover b,
	.b-style-01:active b {background: #c2c2c2 url(../i/back.gif) no-repeat 13px -31px;}
	
	.b-style-02 {
		background: #e687c4 url(../i/continue.gif) no-repeat 90% 0;
		color: #fff;
	}
	.b-style-02:hover,
	.b-style-02:active {
		background-color: #e167b5;
		background-position: 90% -29px;
	}
	.b-style-02 b {padding: 0 60px 0 17px;}
	.b-style-02:hover b,
	.b-style-02:active b {background: transparent;}
	
	.b-style-03 {
		background: #92C5EB url(../i/plus.gif) no-repeat 15px 0;
		color: #fff;
	}
	.b-style-03 b {padding: 0 19px 0 43px;}
	.b-style-03:hover b,
	.b-style-03:active b {background: #5AB9FF url(../i/plus.gif) no-repeat 13px -31px;}
	
.fo {
	border-right: 1px solid #ededea;
	border-bottom: 1px solid #ededea;
}
	.f {
		border: 1px solid #dbe1be;
		padding: 17px 23px 5px;
	}
	.f-no-border {
		border: 0;
		padding: 0;
	}
	.cols {
		padding-right: 0;
	}
		.fLi {
			margin-bottom: 12px;
		}
		.cols .fLi {
			display: -moz-inline-stack;
			display: inline-block;
			zoom:1;
			*display:inline;
			vertical-align: top;
			margin-right: 12px;
		}
		.f .fLi.threeInOne {
			margin-right: 0; 
			width: 358px;
		}
			.flbl {
				display: block;
				color: #444444;
				margin-bottom: 3px;
				font-weight: bold;
				font-size:0.9em;
			}
			.hRadio {
			}
			.hRadio input {
				vertical-align: middle;
				margin: 0 4px 0 0;
			}
			.hRadio label {
				margin: 0 20px 0 0;
			}
			.f .ta {
				height: 134px;
				_height: 138px;
				border: 1px solid #c4d1be;
				width: 350px;
				padding: 0;
				font-size: 1.1em;
				padding: 5px 5px 5px 5px;
				color : #666666;
				font-weight: bold;
			}
			.f .it {
				border: 1px solid #c4d1be;
				width: 350px;
				*font-size: 1.1em;
				padding: 3px;
				color : #666666;
				font-weight: bold;
			}
			.itcb {
				border: 1px solid #c4d1be;
				width: 362px;
				*font-size: 1.1em;
				padding: 3px;
				color : #666666;
				font-weight: bold;
			}
			.f .it:focus,
			.f .it.focused, .itcb:focus, .itcb:focused {
				background-color: #fff6dc;
				border: 1px solid #c4d1be;
			}
			.it-emit {
				background-color: #EDEDED;
				width: 350px;
				padding: 6px;
				color : #666;
			}
			.f.cols .it,
			.f.cols .ta {
				width: 334px;
			}
			.fBtn {
				text-align: left;
				width: 296px;
			}
			.f .note {
				background: url(../i/noteRow.png) no-repeat;
				color: #6d6d6d;
				font-size: .95em;
				padding-left: 10px;
				width: 130px;
			}

.contactOuter {
	width: 743px;
	padding-top: 30px;
}
.pageBanner {
}
	.tiger {
		background: url(../i/tiger.jpg) no-repeat;
		height: 62px;
		color: #fff;
		font-size: 1.5em;
		padding-left: 12px;
		line-height: 65px;
	}
	.cracks {
		background: url(../i/cracks.jpg) no-repeat;
		height: 62px;
		color: #fff;
		font-size: 1.67em;
		padding-left: 12px;
		line-height: 65px;
		margin-bottom: 25px;
	}
	.tarifs {
		background: url(../i/tarifs.jpg) no-repeat;
		height: 62px;
		margin-bottom: 25px;
	}
	.cloth {
		background: url(../i/cloth.jpg) no-repeat;
		height: 62px;
		margin-bottom: 25px;
	}
	.coffee {
		background: url(../i/coffee.jpg) no-repeat;
		height: 62px;
		margin-bottom: 25px;
	}

.contacts {
	padding: 0 0 25px;
}
	.contactsLeft {
		float: left;
		width: 258px;
		margin-right: 34px;
		display: inline;
	}
		.contactsLeft dt {
			font-size: 1.5em;
			padding: 0 0 3px;
			border-bottom: 2px solid #99a845;
		}
		.contactsLeft dd {
			padding: 18px 0 18px 45px;
			border-bottom: 1px dashed #c8d4c5;
		}
		.contactsLeft dd.address {
			background: url(../i/address.png) no-repeat;
		}
		.contactsLeft dd.email {
			background: url(../i/email.png) no-repeat;
			padding: 0 0 0 45px;
			line-height: 60px;
		}
		.contactsLeft dd.phone {
			background: url(../i/phone.png) no-repeat;
			padding: 0 0 0 45px;
			line-height: 60px;
			font-weight: bold;
			font-size: 1.33em;
		}
	.map {
		float: left;
		width: 451px; 
		height: 311px;
	}
	
.tarifsOuter {
	width: 800px;
}
	.tarif {
		margin: 0 0 30px;
	}
		.tarifInfo {
			float: left;
			width: 259px;
			margin-right: 33px;
			display: inline;
			border-bottom: 2px solid #99a845;
		}
		.produitLeft .tarifInfo {
			margin: 0 0 15px;
			float: none;
			display: block;
		}
			.tarifTitle {
				font-size: 1.33em;
				font-weight: bold;
				margin-bottom: 10px;
			}
			.tarifDescr {
				padding: 58px 0 5px 111px;
				height: 53px;
				font-size: .95em;
				color: #4a4a4a;
			}
				.alb22x22 {
					background: url(../i/22x22.jpg) no-repeat;
				}
				.alb21x29 {
					background: url(../i/21x29.jpg) no-repeat;
				}
				.prestige {
					background: url(../i/prestige.jpg) no-repeat;
				}
				.pearl {
					background: url(../i/pearl.jpg) no-repeat;
					height: 76px;
					padding: 58px 0 5px 130px;
				}
		.tarifTable {
			float: left;
			width: 508px;
		}
			.tarifTableOuter {
				border: 1px solid #ecf1d2;
				padding: 1px 1px 0;
				height: 1%;
			}
				.tarifTableOuter table {
					width: 100%;
				}
					.tarifTableOuter table th {
						border-bottom: 1px solid #fff;
						background-color: #99a845;
						color: #fff;
						font-weight: bold;
						padding: 0 6px;
						height: 22px;
					}
					.tarifTableOuter table td {
						border-bottom: 1px solid #fff;
						padding: 6px 10px 7px;
						background-color: #fff9f1;
					}
					.tarifTableOuter table .odd td {
						background-color: #c5db9b;
                                                /*background-color: #f1f1f1;*/
					}

.tarifBottomText {
	width: 655px;
}
	.tarifBottomText p,
	.tarifBottomText h4 {
		margin: 0 0 10px;
	}
	

.produitOuter {
	background: url(../i/productOuter.png) no-repeat;
	padding: 15px;
}
	.produitLeft {
		float: left;
		width: 259px;
		margin-right: 33px;
		display: inline;
	}
	.produitRight {
		float: left;
		width: 508px;
	}
		.produitUnderTable {
			color: #4a4a4a;
			margin-bottom: 20px;
		}
		.prodVideo {
			background: url(../i/videoBg.png) no-repeat;
			min-height: 430px;
			_height: 430px;
		}
/* ----------------------------- END of Elements styles ------------------------------------------------------------- */
.produitScrollerOuter {
	position: relative;
	height: 1%;
}
.prevPage,
.nextPage {
	position: absolute;
	top: 50%;
	left: -20px;
	margin: -9px 0 0;
	display: block;
	width: 16px;
	height: 18px;
	overflow: hidden;
	text-indent: 3000em;
	cursor: pointer;
}
.prevPage {background: url(../i/left.gif) no-repeat;}
.nextPage {background: url(../i/right.gif) no-repeat; left: auto; right: -20px;}
.disabled {
	display: none;
}
.produitScroller {
	width: 880px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;
	white-space: nowrap;
}
.produitList {
	position: relative;
	width: 2000em;
}
.produitListLi {
	width: 220px; /*293.3px;*/
	text-align: center;
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
	*vertical-align: bottom;
	margin: 0 -4px 0 0;
	*margin: 0;
}
.produitListLiDescription{
	width: 220px; /*293.3px;*/
	display: inline-block;
	vertical-align: top;
	margin: 10px 0;
	white-space:normal;
}
.scrollAlbOuter {
	vertical-align: bottom;
	white-space: normal;
	width: 100%;
}
.produitListLiSelected .scrollAlbOuter {
	background: url(../i/scrollAlbOuterBg.png) no-repeat 0 100%;
}
.produitListLiSelected .scrollAlbOuterBord {
	background: url(../i/scrollAlbOuterBgBorder.png) no-repeat 100% 100%;
	zoom: 1;
}
.produitListLi a {
	text-decoration: none;
	display: block;
	padding: 0 1px 3px;
	color:#6D6D6D;
}
.produitListLiSelected a {
	background: url(../i/scrollAlbOuterBgBorder.png) no-repeat 100% 100%;
}
.albThumbOpen {display: none;}
.produitListLiSelected .albThumbOpen {display: block;}
.produitListLiSelected .albThumbClosed {display: none;}
.scrollAlbOuter {vertical-align: bottom;}
.albThumbLabel {
	display: block;
	background-color: #EBEEDB;
	padding: 1px 0 2px;
	_height: 1px;
	margin: 5px 0 0;
}
.produitListLiSelected .albThumbLabel {background: transparent;}
.produitListLiSelected .albThumbLabel {font-weight: bold;}
.scrollProd {display: none;}

.supportLeft {
	float: left;
	width: 542px;
}
.rnOuter {
	float: right;
	width: 209px;
}
.tTitle {
	font-weight: bold;
	font-size: 1.17em;
	margin-bottom: 10px;
}
.par {
	margin-bottom: 10px;
}
.answ {
	display: none;
}

.rn {background: #f8f9f2 url('../i/rightNav.png') repeat-y; padding: 2px 3px 2px 2px;}
.rn:before,
.rnBefore {
	content: '';
	background: url('../i/rightNavTop.png') no-repeat;
	height: 6px;
	margin: -2px -3px -4px -2px;
	position: relative;
	display: block;
	font-size: 0;
	overflow: hidden;
	}
.rn:after,
.rnAfter {
	content: '&nbsp;';
	background: url('../i/rightNavBottom.png') no-repeat;
	height: 8px;
	margin: -5px -3px -2px -2px;
	position: relative;
	display: block;
	font-size: 0;
	overflow: hidden;
	}
.rn {
    zoom: 1;
/*    behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span class="rnBefore"><!-- --></span>' + this.innerHTML + '<span class="rnAfter"><!-- --></span>') : '');*/
}

.rnList {
	position: relative;
}
.rnList a {
	color: #333;
	text-decoration: none;
}
		.selected{
			color: #333; 
			font-weight:bold;
			background-color: #dbe8bd;
		}
.rnList a:hover {
	text-decoration: underline;
}
.rnList dt {
	font-size: 1.17em;
	background-color: #c5db9b;
	padding: 6px 5px 5px 21px;
	font-weight: bold;
	height: 1%;
}
.rnTitleCorns {
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 1px;
	line-height: normal;
	border-left: 1px solid #fefefd;
	border-right: 1px solid #fefefd;
	margin: -6px -5px 6px -21px;
}
.rnList dd {
	margin: 0 3px;
	border-bottom: 1px dashed #afc5a9;
}
.rnList dd a,
.rnList dd strong {
	display: block;
	padding: 6px 5px 7px 17px;
	margin: 0 -3px;
	position: relative;
	zoom:1;
}
.rnList dd a:hover,
.rnList dd strong {
	background-color: #dbe8bd;
	text-decoration: none;
}

.monMatisseoLeft {
	float: left;
	width: 650px; /*597px;*/
}

.hrseparator
{
border: 1px dashed #c4d1be;
width: 350px;
}

.notediscrete {
	color: #6d6d6d;
	font-size: .95em;
	padding-left: 0px;
	padding-bottom: 10px;
}

html body .form {
	color: #666 !important;
	list-style: none !important;
	font-size: 1em !important;
	padding: 0 !important;
	margin: 0;
	}

	html body .form li {
		background: transparent !important;
		margin: 0 0 5px;
		padding: 0 !important;
		}
	
	html body .form label {
		color: #999 !important;
		float: left; 
		margin: 0 5px 0 0;
		width: 130px;
		}

.album-list img.screen {margin: 0; border: 2px solid #f0f0f0 !important;}
.album-list td {padding: 0 5px 20px;}
.album-list .form {color: #666 !important;}
.album-list .form h3 {
	color: #9f9f9f !important;
	padding: 0 !important; 
	font-family: Trebuchet MS; 
	font-size: 17px !important; 
	font-weight: normal;
	}
	
.tTitle {
	font-size:1.2em;
	color:#47ace3;
	padding-top:1.6em;
	padding-bottom:0.6em;
}

.editAlbThumb {
	float: left;
	margin: 0 10px 0 0;
}

.previewLink {
	position: relative;
	padding: 0 14px 0 0;
}
	.previewButtonOuter {
		position: absolute;
		bottom: 40px;
		right: 0;
		cursor: pointer;
	}
		.previewButtonLeft {
			background: url(../i/prevLeft.png) no-repeat;
			float: left;
			height: 35px;
			width: 12px;
			overflow: hidden;
		}
		.previewButtonBody {
			background: url(../i/prevBody.png) repeat-x;
			float: left;
			height: 35px;
			line-height: 33px;
			color: #ffffff;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0 0 0 10px;
		}
		.previewButtonRight {
			background: url(../i/prevRight.png) no-repeat;
			float: left;
			height: 44px;
			width: 19px;
			overflow: hidden;
		}		
		
/* LIST */
.list-item {
	margin: 0 0 25px;
}
.list-preview {
	/*background: url(../i/list-preview.png) no-repeat 100% 0;*/
	float: left;
	width: 128px;
	height: 128px;
	position: relative;
	display: inline;
	margin: 0 25px 20px 0;
}
.list-preview:hover {background-position: 0 0;}
.list-image {margin: 4px 0 0 4px;border: 2px solid #f0f0f0 !important;}
.over-plus {
	position: absolute;
	left: 40px;
	top: 40px;
	display: none;
}
.list-preview:hover .over-plus {display: block;}
.list-actions {
	float: right;
	margin: 0 0 0 20px;
	display: inline;
	padding: 0 0 0 10px;
	border-left: 1px dashed #b3c8b0;
}
.list-actions li {
	margin: 5px 0;
}
.list-actions a {
	color: #9da281;
	text-decoration: none;
}
.list-actions a:hover {color: #4d5a00;}
.list-actions a:active {color: #b0b0b0;}
.actions-icons {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url(../i/actions-sprite.gif) 20px 0;
	width: 20px;
	height: 14px;
	overflow: hidden;
}
a:hover .afficher {background-position: 0 0;}
a .editer {background-position: 20px -14px; height: 13px;}
a:hover .editer {background-position: 0 -14px;}
a .commander {background-position: 20px -26px;}
a:hover .commander {background-position: 0 -26px;}
a .share {background-position: 20px -40px; height: 15px;}
a:hover .share {background-position: 0 -40px;}
a .supprimer {background-position: 20px -55px; height: 10px; width: 11px; margin: 0 5px 0 4px;}
a:hover .supprimer {background-position: 0 -55px;}
.list-content 
{
	color: #666;
}
.list-content-width
{
	width: 370px;
}
.list-content h3 {
	font-size: 1.33em;
	font-weight: bold;
	color: #6d6d6d;
	margin: 0 0 8px;
}
.list-content h4 {
	font-size: 1.17em;
	font-weight: bold;
	color: #333;
	margin: 0 0 7px;
}
.list-content p {margin: 0 0 7px;}
.list-content p strong {color: #333;}
.paging a {
	padding: 4px 7px 5px;
	border: 1px solid #fff;
}
.paging a.paging-active {
	border-color: #b3c366;
	background-color: #dbe8bd;
}

/* Edit */
.edit-content {
	overflow: hidden;
	zoom: 1;
}
.limited-buttons {
	padding: 10px 0 0;
	width: 362px;
}
.limited-buttons-long {
	padding: 10px 0 0;
	width: 462px;
}
.emails .it {
	width: 320px;
	vertical-align: bottom;
}
.emails img {
	cursor: pointer;
	vertical-align: bottom;
	
}
.pg .bg input.error {
	border-color: #ff8989;
	background-color: #ffefef;
}
.error-message {
	background-color: #fdfafa;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ededea;
	font-size: 1.17em;
	font-weight: bold;
	color: #df3511;
	text-align: center;
	margin: 0 0 1em;
	zoom: 1;
}
.error-message-holder {
	border: 1px solid #ffd6d6;
	padding: 1em;
	zoom: 1;
}
/* error404 */
.error404 h2 {font-size: 2em;}
.error404 p {margin: 0 0 1em;}
.error404 ul {margin: 1em 0;}
.error404 ul li {margin: 0 0 .5em 0;}

/* download */
.download-link {
	float: right;
	margin: 0 0 0 60px;
}
.download h2 {
	font-size: 1.33em;
	font-weight: bold;
	color: #333;
}
.download p {margin: 0 0 .7em;}
.download dl {margin: 1.5em 0;}
.download dt,
.download dd {
	color: #666;
	font-size: .95em;
	margin: 0 0 4px;
}

/* POPUP */
#overlay {
	position: fixed;
	_position: absolute;
	_top: expression(eval(0 + document.documentElement.scrollTop) + "px");
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
#popup {
	position: absolute;
	left: 50%;
	top: 150px;
	width: 346px;
	margin: 0 0 0 -173px;
	color: #666;
}
#popup-top,
#popup-bottom {
	width: 346px;
	height: 10px;
	overflow: hidden;
	font-size: 0;
}
#popup-top {
	background: url(../i/popup-top.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/popup-top.png', sizingMethod='scale');
}
#popup-bottom {
	background: url(../i/popup-bottom.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/popup-bottom.png', sizingMethod='scale');
}
#popup-content {
	background: url(../i/popup-content.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./i/popup-content.png', sizingMethod='scale');
	_height: 1px;
}
#popup-content-holder {
	padding: 31px 13px 3px 13px;
	position: relative;
	_height: 1px;
}
#popup-close {
	display: block;
	position: absolute;
	right: 13px;
	top: 3px;
	width: 17px;
	height: 17px;
	background: url(../i/popup-close.gif);
	cursor: pointer;
	padding: 0;
}
.popup-title {
	background: #c5db9b url(../i/popup-title.gif) no-repeat;
	padding: 0 0 0 4px;
	height: 31px;
	line-height: 31px;
	_line-height: normal;
	margin: 0 0 .5em;
}
.popup-title-holder {
	background: url(../i/popup-title.gif) no-repeat 100% -31px;
	padding: 0 15px 0 11px;
	height: 31px;
	_padding: 5px 15px 0 11px;
	_height: 26px;
}
.all-email {font-weight: bold;}

/* CUSTOM SCROLL */
.custom-scroll 
{
	overflow: hidden;
	/*background: url(../i/custom-scroll.gif) repeat-y 100% 0;*/
	height: 200px;
	position: relative;
	padding: 0 15px 0 0;
	margin: 0 0 20px;
	
}
.custom-scroll-handler {
	background: url(../i/custom-scroll-controls.gif);
	position: absolute;
	right: 0;
	top: 0;
	width: 6px;
	height: 21px;
	font-size: 0;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.custom-scroll-content {
	position: absolute;
	left: 0;
	top: 0;
}
.email-list {
	padding: 0 0 0 15px;
	font-weight: bold;
}
.email-list li {margin: 0 0 14px;}

.photo-gallery {
	margin: 0 -60px 20px 0;
	position: relative;
}
.photo-gallery li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 20px 15px 0;
	width: 129px;
	text-align: center;
}
.photo-gallery li img {
	background: url(../i/gallery-bg.png) no-repeat;
	padding: 4px;
	width: 120px;
	height: 80px;
}
.photo-gallery li img.portret {
	background: url(../i/portret.png) no-repeat;
	width: 80px;
	height: 120px;
}

.gallery_pic
{
	width: 600px;
	color: #666;	
}

.gallery_pic img 
{
	width: 600px;
	height: 400px;
}

.gallery_pic_portret
{
	width: 400px;
	color: #666;	
}

.gallery_pic_portret img 
{
	width: 400px;
	height: 550px;
}

ul.cal-types {
    background: url(../i/calculator-type.jpg) no-repeat;
    width: 845px; /*745*/
    padding: 175px 0 0;
    margin: 0 auto 30px;
}
ul.cal-types li {float: left;}
ul.cal-types li.souple-carre {width: 211px;} /*304*/
ul.cal-types li.souple-a4 {width: 211px;} /*285*/
ul.cal-types li.photo-prestige {width: 211px;}
ul.cal-types li input {
    float: left;
    margin: 0 4px 0 0;
}
ul.cal-types li label {
    float: left;
    font-weight: bold;
    color: #666;
}
ul.cal-types li label span {
    display: block;
    font-size: .95em;
}
.calc-price-left {
    float: left;
    width: 370px;
}
.calc-f {color: #666;}
.calc-f li {margin: 0 0 15px;}
.calc-f li label {
    font-weight: bold;
    display: block;
}
.calc-f-elem {
    width: 325px;
    background-color: #f8f9f3;
    border: 1px dashed #cbcec5;
    padding: 3px;
    color: #666;
}
.calc-f-disabled-elem {
    width: 325px;
    background-color: #ededed;
    border: 0;
    padding: 4px;
}
.calc-f .buttons-right {
    width: 325px;
    text-align: right;
}

.calc-price-right {
    float: right;
    width: 485px;
}
.price-table-outer {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ecede8;
    background-color: #fdfdfb;
}
.price-table-outer .holder {
    border: 1px solid #dbe0c0;
    padding: 3px;
    height: 1%;
}
.price-table-outer .holder table {
    width: 100%;
    color: #666;
}
.dark-text {color: #333;}
.price-table-outer .holder table td {
    padding: 5px 15px;
    width: 50%;
}
.price-table-outer .holder table td.price-table-total {
    background-color: #9cb796;
    font-size: 1.5em;
    color: #fff;
    padding: 10px 15px;
}
.price-table-spacer-small {height: 15px;}
.price-table-spacer {height: 40px;}

.albDescription 
{
	white-space: normal;
	margin: 10px 10px 0 10px;
	text-align:left;
	vertical-align: text-top;
}
.total
{
	font-size: 1.15em;
	font-weight:bold;
}
.nativePrice
{
	color: #ff0080;
}
.add_container
{
	background: white;
	border: solid;
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); /* IE 5.5+*/
	-moz-opacity: 0.75; /* Mozilla 1.6- */
	-khtml-opacity: 0.75; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.75; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.add_content
{
	padding: 40px 25px 25px 25px;	
}
.add_title
{
	font-size: 1.3em;
	font-weight: bold;	
}
.add_message
{
	font-size: 1.1em;
	font-weight: bold;
}
#add-close {
	display: block;
	position: absolute;
	right: 55px;
	top: 8px;
	width: 17px;
	height: 17px;
	background: url(../i/popup-close.gif) no-repeat left;
	cursor: pointer;
	padding: 0;
	font-weight: bold;
}
.ticket_holder
{
	border: solid 2px;
	background:none repeat scroll 0 0 #ffecb3;
	padding: 10px;
	width:300px;
}
.oder_title {
	font-size:1.2em;
	color:#47ace3;
	padding-top:0.5em;
	font-weight: bold;
}
.total_table_amount
{
	width:150px;
}
.total_amount_width
{
	width:100px;
}
.total_table_value
{
	width:100px;
}
.version
{
	clear:both;
	color:#555E25;
	font-size:0.75em;
	padding: 15px 30px 0 0;
	text-align: right;
}
.baselinebottom
{
	clear:both;
	color:#dddddd;
	font-size:0.9em;
	padding: 10px 10px 0 0;
	text-align: center;
}
.glossy_option
{
	padding:1.5em 0 1.5em 1.5em;
	text-align:right;
}