body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;	color: #666;	background-color: #58666f;	background-image: url(../medias/template/bg.jpg);	margin: 0px;
	background-repeat:repeat-x;
}
#container {	width: 910px; min-height: 600px;	margin:0 auto 0 auto;	background-image: url(../medias/template/bg_container.jpg);	background-repeat: no-repeat;}
#header {	height: 90px; margin:0 0 10px 0}
#nav {	width: 480px;	float: left;	margin-left: 182px;	margin-top: 10px;}
#nav li {	float: left;}

#nav ul {	margin: 0px;	padding: 0px;	list-style:none;}
#nav li a {height:21px; padding-top:3px; color:#354135; text-decoration:none; display:block; margin-right:8px; }
#nav li a:hover {text-decoration:underline;}


#header h1 {	float:left;	color:#ffffff;	display:block;	width:450px;	font-size:22pt;	clear:left;	font-weight:lighter;	margin:20px 0 0 170px;}
#search {	float: right;	width: 202px;	margin-right:15px;	padding:12px 10px 0 8px;}
#search h3 {background:url(../medias/template/bg_search.gif) no-repeat; width:72px; height:13px; display:block; text-indent:-9999px; margin:0 0 10px 0; font-size:1px;}
#search form {margin:0; padding:0;}
.searchText {background:url(../medias/template/bg_searchtext.gif) no-repeat; width:117px; height:13px; padding:5px; border:none; font-size:0.9em; color:#999999; float:left; margin:0 3px 0 0;}
.searchBtn {float:left;}
#cartNewItem {	background-image: url(../medias/template/bg_cartNewItem.gif);	height: 13px;	width: 77px;	color: #c6ddc6;	padding: 3px;
	position: absolute;	left: 717px;	top: 35px;}

#links {clear:both; margin-top:40px; padding-left:5px; font-size:0.9em; color:#6e8472;}
a.green{color:#6e8472; text-decoration:none;}
a.pale {color:#e3e4e3;text-decoration:none;}


/***** LEFT COLUMN **************/
.left {float:left; width:158px; margin-right:12px;}

.vertBoxHolder {padding:0; margin:0 0 12px 0;}
.vertBoxHolder h4 { background:url(../medias/template/bg_vertBoxesTop.png) no-repeat; display:block; width:130px; height:28px; padding-left:28px; font-size:1.1em; color:#6f7555; margin:0; padding-top:6px;}
.vertBoxContent {background:#ffffff; padding:2px 0 5px 0; color:#838383;}
.vertBoxContent p {padding-left:10px; padding-right: 8px; margin-top:8px; margin-bottom:8px;}
.vertBoxContent form {margin:0px; padding:0px;}
.vertBoxBottom {background:url(../medias/template/bg_vertBoxesBottom.png) no-repeat; height:11px; clear:both;}
.right {text-align:right;}
.shortTextbox {background:url(../medias/template/bg_shorttextbox.gif); width:121px; height:13px; padding:5px; border:none; font-size:0.9em; color:#999999;}


/******* VERTICAL BOXES LINK STYLING *******/
.vertBoxHolder ul {margin:0 0 -8px 0; padding:0; list-style:none;}
.vertBoxHolder ul li a { display:block;	border-bottom:1px dotted #c6d7d7;	height:20px;	text-indent:27px;	padding-top: 5px;
	color: #6a8585;	text-decoration: none;}
.vertBoxHolder ul li.last a { border-bottom:none; }
.vertBoxHolder ul li a:hover {color:#354949;}
a.cats {background:url(../medias/template/bg_li_cats.gif) no-repeat 8px 5px;}
a.cats:hover { background-image:url(../medias/template/bg_li_cats_hover.gif);}
a.brands {background:url(../medias/template/bg_li_brands.gif) no-repeat 8px 5px;}
a.brands:hover { background-image:url(../medias/template/bg_li_brands_hover.gif);}


.vertBoxHolder table {width:100%;}
.vertBoxHolder td {border-bottom:1px dotted #c6d7d7;}
.listItem {font-weight:bold; vertical-align:top; width:10px; text-align:center;}


a.olive {color:#9faa55;}
a.olive:hover {color:#666; text-decoration:none;}
a.turquise {color:#1b5f60;}
a.turquise:hover { text-decoration:none;}




/****** HOMEAGE MAINBOX STYLER ************/
#mainBoxHolder {float:left;width:556px; margin-right:12px;}
#mainBoxTop {background:url(../medias/template/bg_mainBoxTop.png) no-repeat; height:21px; padding:5px 0 0 6px}
#mainBoxBottom {background:url(../medias/template/bg_mainBoxBottom.png) no-repeat; height:10px;}
#mainBoxContent {background:#dde7e7; padding-left:10px; padding-right:10px; padding-top:5px;}

.titles {height:17px; padding-top:1px; padding-left:22px; background:url(../medias/template/bg_titleIcon.gif) no-repeat -2px 0; margin-bottom:7px;}
.titles h5 {font-size:1.1em; margin:0; padding:0; color:#1b5f60;}
.titles h5 a {text-decoration: none; color:#1b5f60;}
.titles h5 a:hover {text-decoration: underline;}
.rssIcon {float:right; padding-right:3px;}
img {border:none;}



/***** HOMEPAGE PRODUCT LIST STYLER *****/
.productList { background: #FFFFFF url(../medias/template/bg_productlistBottom.gif) no-repeat bottom center; padding:0;}
.productListTop {background:url(../medias/template/bg_productlistTop.gif) no-repeat; height:8px; font-size:1px;}
.productListRow { overflow: hidden; clear:left; }

.eachProductBox {width:158px; border:1px solid #ececec; text-align:center; float:left; margin:0 5px 12px 10px;}
.eachProductBoxInfo {border-top:1px solid #ececec; text-align:left; padding:5px; line-height:1.5em;}
.eachProductBoxImg {
	display: table-cell;
	vertical-align: middle;
	height: 128px;
	width: 156px;
}
.wide .eachProductBox {
	width: auto;
	float: none;
}
.wide .eachProductBoxImg {
	width: auto;
}

.savior {width:100%; clear:both; font-size:0px; height:0px;}

a.productLink {color:#5c5c5c; text-decoration:none;}
a.productLink:hover {text-decoration: underline;}
.noRate {color:#c5c5c5; font-size:0.9em;}
.price {color:#e27414; font-weight:bold; font-size:1.1em; padding-left: 8px; padding-right: 8px;}


/****** CASUAL BOX STYLER ************/
#casualBoxHolder {float:left;width:728px; margin-right:12px;}
#casualBoxTop {background:url(../medias/template/bg_CasualTop.png) no-repeat; height:21px; padding:5px 0 0 6px}
#casualBoxBottom {background:url(../medias/template/bg_CasualBottom.png) no-repeat; height:10px; margin-bottom: 12px;}


/******* PRODUCT BOX ****/
.whiteBox {background:url(../medias/template/bg_productBoxBottom.gif) no-repeat bottom left; width:705px; padding:0 0 10px 0;}
.whiteBoxTop {background:url(../medias/template/bg_productBoxTop.gif) no-repeat; height:8px; font-size:1px;}
#productBoxLeft {widh:248px; float:left; margin:0 0 8px 8px; text-align:right;}
.productImage {background:url(../medias/template/bg_productImage.gif) no-repeat; width:226px; height:231px; padding:5px; text-align:center; vertical-align:middle; margin:0 0 5px 0}

.productLeftSideBoxes { background:url(../medias/template/bg_productLeftSideBoxBottom.gif) no-repeat bottom center; width:232px; padding:0 0 10px 0; text-align:left; margin:12px 0 0 4px}
.productLeftSideBoxes h4 { background:url(../medias/template/bg_productLeftSideBoxTop.gif) no-repeat; display:block; width:204px; height:31px; padding-left:28px; font-size:1.1em; color:#6f7555; margin:0; padding-top:7px;}
.productLeftSideBoxes p {margin:5px 5px 5px 10px; color:#9e9e9e;}

/** product box right */
#productBoxRight {float:left; width:440px; margin:0 0 0 10px}
#productBoxRight h2 {margin:0; padding:0; border-bottom:1px dotted #9e9e9e; color:#1b5f60; font-size:16pt;}
#productBoxRight h4 {padding-top:8px; border-top:1px dotted #9e9e9e; color:#488f6f; font-size:1.1em; margin:0;}

table.productInfo {width:100%; background:url(../medias/template/bg_productInfo.gif) no-repeat; margin-top:5px;}
.infoLeft {font-weight:bold; color:#1b5f60; width:90px;}

#productDesc {margin:0 0 20px 0;}
#productDesc p, #productReviews p {margin:5px 0 5px 0;}
#productDesc ul {margin:0; padding:0 0 0 5px; line-height:18px; color:#7c7c7c; list-style:none;}
#productDesc ul li { background:url(../medias/template/icon_greyBullet.gif) no-repeat 0px 3px; padding-left:18px;}


/* reviews */
#reviewsContainer {width:433px; margin-top:10px}
#reviewsContainer .review {background:url(../medias/template/bg_reviewBottom.gif) bottom left; padding-bottom:8px; margin-bottom:15px;}
#reviewsContainer .review p {padding-left:8px; margin-top:3px;}
#reviewsContainer .review h5 { color:#466d5b; background:url(../medias/template/bg_reviewTop.gif) no-repeat; height:15px; padding:8px 8px 0 8px; font-size:1em; display:block; margin:0;}
#reviewsContainer span.reviewDate {float:right; font-size:0.9em;}
#reviewsContainer span.reviewDate .supprimer {
	display: block;
	float: right;
	margin: -2px 0 0 3px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: 20px;
	background: url(../medias/pictos/delete.png) no-repeat;
}
#reviewsContainer .comment {	background-color: #f7f8f8;	width: 413px;	margin-right: auto;	margin-left: auto;	padding: 3px;}
#reviewsContainer .review input { width: 379px; margin-left: 10px; }
#reviewsContainer .review textarea { width: 405px; margin-left: 1px; }
#reviewsContainer .button { padding: 6px 6px 0 6px; }
#reviewsContainer ul.errors,
#mainBoxContent ul.errors {
	background: #CC0000;
	padding: 7px;
	margin: 6px 6px 10px 6px;
}
#reviewsContainer ul.errors li,
#mainBoxContent ul.errors li {
	background: url(../medias/pictos/stop_round.png) no-repeat 2px 2px;
	color: #FFFFFF;
	margin: 0;
	width: auto;
	float: none;
}


/*** BUY ITEM BOX ***/
.vertBoxDarkHolder {padding:0; margin:0 0 12px 0;}
.vertBoxDarkHolder h4 { background:url(../medias/template/bg_darkVertBoxesTop.png) no-repeat; display:block; width:146px; height:28px; padding-left:12px; font-size:1.1em; color:#fbf8db; margin:0; padding-top:6px;}
.vertBoxDarkBottom {background:url(../medias/template/bg_darkVertBoxesBottom.png) no-repeat; height:11px; clear:both;}
.vertBoxDarkContent {background:#252523; padding:2px 0 0 0; color:#bdba9c;}
.vertBoxDarkContent p {padding: 8px 10px; margin-top:0px; margin-bottom:0px;}
.vertBoxDarkContent form {margin:0px; padding:0px;}


/******************************************************************************/

/********** CART PAGE ****************/
#cartBox{margin:0 10px 0 10px}
#cartBox h2 {margin:0 0 5px 0; padding:0 0 2px 0; border-bottom:1px dotted #9e9e9e; color:#1b5f60; font-size:16pt;}
.toCO {float:right;}
table.cart {background:url(../medias/template/bg_cartTableBottom.gif) bottom left; width:686px; text-align:center;}
table.cart thead { background:url(../medias/template/bg_cartTableTop.gif) no-repeat;}
table.cart thead th { height:25px; font-weight:bold; padding: 7px; }
.tableLeft { text-align: left; }
.tableRight { text-align: right; }
.tableLite { color: #999999; }


.lite, .norm {padding:7px; border-bottom:1px dotted  #a5a5a5;}
.lite {background:#f2f2f2; } .norm {background:#ededed;}
.ender {clear:both; border-top:1px dotted #9e9e9e; padding-top:3px; margin-top:5px}

.shorterTextbox {background:url(../medias/template/bg_shorterText.gif); width:81px; height:13px; padding:5px; border:none; font-size:0.9em; color:#999999; float:left}
.goBtn {float:left; margin-left:5px;}

#mainBoxContent table.cart ul {
	margin-bottom: 8px;
}
#mainBoxContent table.cart ul li {
	background: white;
	padding: 3px 6px;
	margin: 0 0 1px 0;
	float: none;
	width: auto;
	text-align: left;
	text-transform: none;
}

/********************** FOOTER *********************/
#footer {width:100%; clear:both; text-align:center; color:#fff; padding:5px;}



/******* Ajouts JCD Dev *******/
#logo {
	text-align: center;
	padding: 5px 0 0 0;
}
#identite {
	padding: 8px 8px 0 8px;
	margin-top: 8px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
}

form {
	margin: 0;
	padding: 0;
}
.btClair {
	line-height: 22px;
	font-size: 11px;
	color: #6a6a6a;
	padding: 4px 0 5px 23px;
	position: relative;
	text-decoration: none;
}
.btClair b {
	padding: 4px 7px 6px 22px;
	margin: -4px 0 -5px 0;
}
.btClair:hover {
	background-position: 0 -22px;
}
.btClair:hover b {
	background-position: right -22px;
}
.btClair b img {
	position: absolute;
	left: 6px;
	top: 3px;
}

.btSombre {
	line-height: 23px;
	font-size: 10px;
	color: #FFFFFF;
	padding: 4px 0 6px 6px;
	background: url(../medias/template/bt_sombre_g.gif) no-repeat;
	position: relative;
	text-decoration: none;
}
.btSombre b {
	padding: 4px 8px 7px 21px;
	margin: -4px 0 -6px 0;
	background: url(../medias/template/bt_sombre_d.gif) no-repeat top right;
}
.btSombre:hover {
	background-position: 0 -23px;
}
.btSombre:hover b {
	background-position: right -23px;
}
.btSombre b img {
	position: absolute;
	left: 7px;
	top: 3px;
}

.productList p {
	padding: 0 11px;
	margin-top: 3px;
}
.price s {color: #CCCCCC; font-weight:normal;}
.eachProductBoxInfo {
	position: relative;
}
.eachProductBoxInfo a.ajouter {
	display: block;
	position: absolute;
	top: -25px;
	right: 2px;
	width: 22px;
	height: 22px;
	background: url(../medias/boutons/ajouter_commande.gif) no-repeat top right;
}
.wide .eachProductBoxInfo a.ajouter {
	top: 10px;
	right: 6px;
}
.eachProductBoxInfo a.ajouter b {
	display: none;
}
.wide .eachProductBoxInfo a.ajouter,
.eachProductBoxInfo a.ajouter:hover {
	width: 98px;
	background-position: right -22px;
}

#mainBoxContent hr {
	padding: 0;
	margin: 15px 10px;
	height: 1px;
	line-height: 1px;
	background: #CCCCCC;
	border: none;
}
#mainBoxContent p.solo { padding-left: 10px; }
#mainBoxContent ul {
	list-style-type: none;
	padding: 0 11px;
	overflow: hidden;
	margin: 0 0 5px 0;
}
#mainBoxContent ul li {
	background: url(../medias/pictos/folder.png) no-repeat;
	line-height: 16px;
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	width: 144px;
	float: left;
}
#mainBoxContent ul li a {
	color: #6A8585;
	text-decoration: none;
}
#mainBoxContent ul li a:hover {
	text-decoration: underline;
}
#mainBoxContent ul li input.text {
	width: 135px;
}

.productImage {
	display: table-cell;
	height:241px;
}

.formField {
	padding: 0 11px 0 161px;
}
.radioField {
	padding: 0 11px 0 185px;
	text-indent: -24px;
}
.formField label,
.formField .label,
.radioField .label {
	display: block;
	float: left;
	margin-left: -150px;
	width: 140px;
	padding: 3px 0 0 0;
}
.radioField input {
	vertical-align: -15%;
}
.radioField input[type=radio] {
	vertical-align: -10%;
}
.formField textarea {
	width: 520px;
	height: 100px;
}

#productDesc table.cart {background-image:url(../medias/template/bg_histTableBottom.gif); width:440px;}
#productDesc table.cart thead {background-image:url(../medias/template/bg_histTableTop.gif);}

table.cart input {
	text-align: center;
}
table.cart .quantitePlus,
table.cart .quantiteMoins {
	vertical-align: -20%;
}

.envoyer {
	display: block;
	width: 136px;
	height: 36px;
	background: url(../medias/boutons/envoyer.png) no-repeat;
	line-height: 36px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-indent: 36px;
	text-decoration: none;
	margin-left: 11px;
}
.envoyer:hover {
	background-position: 0 -36px;
}

/******* LOGIN *******/
body.login { background-image:url(../medias/template/bg_login.jpg); }
.login #container { background-image: url(../medias/template/bg_containerLogin.jpg); }
.login #content { text-align: center; height: 545px; padding-top: 180px; }
#loginBoxHolder { text-align: left; width:306px; margin: 0 auto 0 auto;}
#loginBoxTop { background: url(../medias/template/bg_loginBoxTop.png) no-repeat; height:21px; padding:5px 0 0 6px;}
#loginBoxBottom { background: url(../medias/template/bg_loginBoxBottom.png) no-repeat; height:10px;}
#loginBoxContent { background:#dde7e7; padding-left:10px; padding-right:10px; padding-top:5px; }
.loginBox {background: #FFFFFF url(../medias/template/bg_loginBoxBottom.gif) no-repeat bottom center; width:285px; padding: 0 0 3px 0; margin-bottom: 6px; }
.loginBoxTop {background:url(../medias/template/bg_loginBoxTop.gif) no-repeat; height:8px; font-size:1px;}
.loginError {
	background: #CC0000 url(../medias/pictos/stop_round.png) no-repeat 9px 9px;
	color: #FFFFFF;
	padding: 8px 10px 8px 25px;
	margin-bottom: 8px;
}

#loginBoxContent .loginBox p {
	padding: 0 11px;
	margin: 7px 0 12px 0;
}

#loginBoxContent form .loginBox p {
	padding-left: 120px;
	margin: 7px 0 12px 0;
}
#loginBoxContent form .loginBox label {
	display: block;
	float: left;
	margin-left: -100px;
	width: 100px;
	padding-top: 3px;
}
#loginBoxContent form .loginBox input.text {
	width: 140px;
}

#loginBoxContent ul {
	list-style-type: none;
	padding: 0 11px;
	overflow: hidden;
	margin-bottom: 5px;
}
#loginBoxContent ul li {
	padding-left: 20px;
	background: url(../medias/pictos/info.png) no-repeat 0 2px;
	line-height: 16px;
	margin-bottom: 6px;
	width: 144px;
	float: left;
}

/******* Pagination *******/
div.pagination {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	color: #333333;
	line-height: 21px;
	margin: 0;
	padding-bottom: 5px;
	clear: left;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px 0;
	text-decoration: none; /* no underline */
	color: #333333;
}
div.pagination a:hover, div.pagination a:active {
	background-color: #8c9b9b;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #21455B;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #8c9b9b;
}
div.pagination span.total {
	margin-right: 2px;
	color: #8c9b9b;
	float: right;
}

/*** Liste de fichiers ***/
.vertBoxHolder ul.pdf-list {
	margin: 0 0 -7px 0;
	}
	.vertBoxHolder ul.pdf-list li {
		padding: 0;
		margin: 0 0 5px 0;
		}
		.vertBoxHolder ul.pdf-list li a {
			text-indent: 0;
			height: auto;
			display: block;
			padding: 10px 10px 10px 55px;
			background: url(../medias/pictos/file_pdf.png) no-repeat 7px 0;
			border: 0;
			min-height: 26px;
		}

/*** Bouton g�ant ***/
.bigBt {
	display: block;
	float: left;
	margin: 0 12px 0 0;
	border: 1px solid #B0B0B0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100px;
	height: 30px;
	padding: 80px 10px 10px 10px;
	text-align: center;
	background: #DDE7E7 url(../medias/template/bg_CasualTop.png) no-repeat center top;
	text-decoration: none;
	color: #333333;
	position: relative;
	box-shadow: 0 0 7px #B0B0B0;
	-moz-box-shadow: 0 0 7px #B0B0B0;
	-webkit-box-shadow: 0 0 7px #B0B0B0;
	}
	.bigBt img {
		position: absolute;
		left: 50%;
		top: 12px;
		margin-left: -32px;
	}
	.bigBt:hover {
		border-color: #1B5F60;
	}

/*** Bouton plat ***/
.flatBt {
	display: block;
	margin: 0 10px 7px 10px;
	border: 1px solid #B0B0B0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 10px 0 50px;
	background: #DDE7E7 url(../medias/template/bg_CasualTop.png) no-repeat center top;
	text-decoration: none;
	color: #333333;
	position: relative;
	box-shadow: 0 0 7px #B0B0B0;
	-moz-box-shadow: 0 0 7px #B0B0B0;
	-webkit-box-shadow: 0 0 7px #B0B0B0;
	}
	.flatBt img {
		position: absolute;
		left: 25px;
		top: 50%;
		margin-top: -16px;
		margin-left: -16px;
	}
	.flatBt:hover {
		border-color: #1B5F60;
	}

/*** Styles g�n�riques ***/
.refuse { color: #990000; }
.valide { color: #009900; }
.noborder { border: 0; }

/*** Message commande annul�e ***/
.annulee {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #990000;
	margin: 0;
	background: url(../medias/pictos/delete_24.png) no-repeat 1px 3px;
	padding: 4px 0 3px 32px;
}

/*** Barre de progression ***/
table.progress {
	width: 100%;
	}
	table.progress thead th {
		background: url(../medias/template/points-vert.gif) repeat-y top right;
		font-weight: normal;
		padding: 0 7px 10px 7px;
		text-align: right;
		text-transform: uppercase;
		color: #999999;
		font-size: 10px;
		}
	table.progress tfoot td {
		background: url(../medias/template/points-vert.gif) repeat-y top right;
		font-weight: normal;
		padding: 10px 7px 0 7px;
		text-align: right;
		text-transform: uppercase;
		color: #999999;
		font-size: 10px;
		}
	table.progress tbody th {
		text-align: left;
		line-height: 16px;
		background: #F0F0F0 url(../medias/template/points-vert.gif) repeat-y top right;
		padding: 3px 0 3px 7px;
		}
		table.progress tbody th span {
			display: block;
			padding: 5px 7px 5px 0;
			background: url(../medias/template/progress_left.png) no-repeat right top;
		}
	table.progress tbody td {
		background: #F0F0F0 url(../medias/template/points-vert.gif) repeat-y top right;
		padding: 3px 0;
		}
		table.progress tbody td span {
			display: block;
			padding: 5px 7px;
			line-height: 16px;
			text-align: right;
			}
			table.progress tbody td.full span {
				background: url(../medias/template/progress_right.png) no-repeat;
				color: white;
			}
			table.progress tbody td.last span {
				background-position: top right;
			}

/**** Liste des comptes dans la fiche produit *****/
ul#listeComptes li {
	background: url(../medias/template/icon_greyBullet.gif) no-repeat 0 5px;
	padding-left: 15px;
	float: none;
	width: auto;
}
ul#listeComptes li .montant {
	float: right;
	width: 40px;
}