﻿/*..List of Products...............................................................................*/
#containerListProducts {
	width:730px;
	overflow:hidden;
}
.containerDisplayProduct h4 {
	font-size:1.2em;
	overflow:hidden;
	width:128px;
	text-align:center;
	color:#666666;
	font-weight:normal;
	padding:0 0 20px 0;
}
.containerDisplayProduct h6 {
	font-size:1.2em;
	overflow:hidden;
	width:743px;
	text-align:left;
	color:#666666;
	font-weight:normal;
	padding:0 0 20px 0;
}
/*.......................................................................................................*/
#containerListProducts .pagination {
	float:right;
	color:#f18e00;
	padding:5px 0 0 0;
	text-transform:lowercase;
}
#containerListProducts .pagination a:link, #containerListProducts  .pagination a:visited {
	text-decoration:none;
	color:#f18e00;
	padding:0 3px;
	font-size:1.2em;
	background:none;
}
#containerListProducts .pagination a:hover, #containerListProducts  .pagination a:active {
	text-decoration:none;
	color:#3f3f3f;
}
#containerListProducts .paginationRight {
	float:right;
}
#containerListProducts .paginationRight span span {
	padding:0 4px 0 2px;
	font-size:1.2em;
}
*+html #containerListProducts .paginationRight span span {
	padding:1px 8px 0 2px;	
}
#containerListProducts  a.goBack:link, #containerListProducts  a.goBack:visited {
	display:inline-block;
	width:69px;
	height:12px;
	text-align:left;
	color:#f18e00;
	padding:0 0 0 15px;
	border-right:1px solid #f18e00;
}
#containerListProducts  a.goBack:hover, #containerListProducts a.goBack:active {
	text-decoration:none;
	color:#3f3f3f;
}
#containerListProducts  a.goForward:link, #containerListProducts  a.goForward:visited {
	display:inline-block;
	width:35px;
	height:12px;
	text-decoration:none;
	color:#f18e00;
	background:none;
	border-left:1px solid #f18e00;
}
#containerListProducts  a.goForward:hover, #containerListProducts  a.goForward:active {
	text-decoration:none;
	color:#3f3f3f;
	background:none;
}
#containerListProducts .currentPagePagination {	
	height:12px;
	display:inline-block;
	text-decoration:none;
	background:transparent url(../images/background/backPagination.gif) no-repeat 0 0;
	color:#fff;
}
#containerListProducts .pagination ul{ 
	float:left;
	margin:0 0 0 5px;
	width:500px;
	display:inline-block;
}
#containerListProducts .pagination ul li {
	float:left;
	color:#f18e00;
	padding:0 4px 0 0;
}
#containerListProducts .pagination ul a:link, #containerListProducts .pagination ul a:visited {
	text-decoration:none;
	color:#f18e00;
	display:block;
	float:left;
	padding:0 4px 0 0;
}
#containerListProducts .pagination ul a:hover, #containerListProducts .pagination ul a:active {
	text-decoration:none;
	color:#f18e00;
	display:block;
	float:left;
	padding:0 4px 0 0;
}
/*.............................................................................................*/
.containerDisplayProduct {
	width:760px;
	padding:30px 0 0 0;
}
.containerDisplayProduct .productPic {
	width:128px;
	text-align:center;
	float:left;
	z-index:0;
	position:relative;
	height:230px;
	overflow:hidden;
}
.containerDisplayProduct .productPic h3 span {
	font-weight:bold;
	color:#f18e00;
}
.containerDisplayProduct .productPicDiv {
	width:128px;
	height:124px;	
}
.containerDisplayProduct .productPic a.productItem {
	text-align:center;
	display:block;
	width:128px;
	height:120px;
	padding:0 0 0 0;
	float:left;
}
.containerDisplayProduct .productPic a.productItem img {
    width:128px;
    height:120px;
}
.containerDisplayProduct .pictoDiscount {
	position:absolute;
	left:0;
	top:65px;
	z-index:0;
}
.productDescription a:link, 
.productDescription a:visited{
	border-top:2px solid #f18e00;
	color:#f18e00;
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	width:128px;
	padding:6px 0 5px 0;
	overflow:hidden;
	background:0;	
	text-transform:uppercase;	
	display:block;
	text-decoration:none;
}
.productDescription  a:hover, 
.productDescription  a:active{
	border-top:2px solid #3f3f3f;
	color:#3f3f3f;
	text-decoration:none;
}
.productDescription span.kindOfProduct{
	display:block;
	font-size:0.9em;
	font-weight:normal;
	overflow:hidden;
	padding:4px 0 0;
	text-align:center;
	text-transform:lowercase;
	width:128px;
}
/*.....................................................................................................................*/
.containerDisplayProduct .displayProduct .showMore a:link, #containerListProducts .displayProduct .showMore a:visited{
	background:transparent url(../images/blackArrowRight.gif) no-repeat 0 2px;
	color:#000;
	text-decoration:none;
	font-size:1.2em;
	padding:0 0 3px 12px;
	font-weight:bold;
	display:block;
	float:left;
}
.containerDisplayProduct .displayProduct .showMore a:hover, .containerDisplayProduct .displayProduct .showMore a:active{
	text-decoration:underline;
}
/*productList.........................................................................................................*/
.boxCenter {	
	position:relative;
	overflow:hidden;	
	padding:10px 20px;
	width:648px;
}
.actionList {
	width:50%;
	margin:0 0 10px 0;
	overflow:hidden;
	text-align:right;
	float:right;
}
.actionList li{
	display:inline;
}
.actionList li a{
	color:#000;
}
.actionList li a:hover {
	text-decoration:underline;
}
.containerDisplayProduct .breadCrumb {
	margin:0 0 10px 0;
}
.containerDisplayProduct .titreCompteLong {
	width:50%;
	float:left;
}
.actionList .pager {
	width:50%;
	float:right;
	padding-right:20px;
	color:#f18e00;
	font-size:1.2em;
}
.pager span {
	color:#f18e00;	
	font-weight:bold;
}
.pager span span {
	background:transparent url(../images/background/backPagination.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:inline-block;
	height:12px;
	text-decoration:none;
	font-weight:normal;
	padding:0 2px;
	margin:0 2px;
}
.pager li{
	display:inline;
	padding-left:10px;
}
.pager li img{
	padding:0 5px;
}
.pager a {
	text-decoration:none;
}
.pager span a {
	color:#f18e00;
	font-weight:normal;
	padding:0 2px;
}
.pager a:hover {
	text-decoration:none;
	color:#666666;
}
.productlist h2 {
	font-size:1.2em;
	color:#000;
	height:30px;
	line-height:1.1em;
	font-weight:bold;
}
.productListPrices {
	width:100%;
	padding:0 0 30px 0;
	overflow:hidden;
}
.productPrice {
	color:#000;
	font-size:1.4em;
	float:left;
	font-weight:bold;
}
.productBarredPrice {
	color:#999;
	font-size:1em;
	font-weight:normal;
	text-decoration: line-through;
	float:left;
}
.discoverLink {
	background:transparent url(../images/arrows/blackArrowRight.gif) no-repeat left 2px;
	color:#000;
	display:block;
	font-weight:bold;
	padding:0 0 0 13px;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
}
.discoverLink:hover {
	text-decoration:underline;
}
.pushLink {
	background:transparent url(images/pictos/picto_discoverlink.gif) no-repeat left center;
	color:#000;
	font-weight:bold;
	padding:0 0 0 10px;
	font-size:1em;
}
.selectionLink {
	color:#16536e;
}
.moreInfos a {
	color:#16536e;
	font-size:1.2em;
	padding:20px 0;
	text-align:center;
	display:block;
}
.moreInfos a:hover{
	text-decoration:underline;
}
/*ACCOUNT.........................................................................................................*/
.profileTitle {
    padding:10px 0;
    color:#877850;
    font-size:1.8em;
    font-weight:normal;
}
#containerAccountprofile {
	width:674px;
	overflow:hidden;
	margin:23px 0 0 0;
}
#containerAccountprofile p{
	font-size:1.2em;
	line-height:1.3em;
	padding-bottom:15px;
}
#containerAccountprofile #formId p{
	padding:0;	
}
#containerAccountprofile .sendAccountProfile {
	background:url(../images/arrows/blackArrowRight.gif) no-repeat left center;
	border:0;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	cursor:pointer;
	width:80px;
	height:22px;
	float:left;
	margin:20px 0 0 170px;
	text-decoration:none;
}
#containerAccountprofile .sendAccountProfile:hover {
	text-decoration:underline;
}
/*....................................................................................................*/
.accountAdressContainer {
	width:743px;
	overflow:hidden;
}
.accountAdressContainer p{
	width:605px;
	font-size:1.2em;
	line-height:1.2em;
	margin:30px 0 0 0;
	color:#000;
}
.accountAdressContainer .greyBox {
	border:1px solid #f18e00;
	background:#f8f8f8;
	color:#000;
	width:199px;
	overflow:hidden;
	float:left;
	margin:20px 8px 0 8px;
	padding:0 0 6px 0;
	height:235px;
}
.accountAdressContainer .greyBox h5{
	font-size:1.2em;
	font-weight:bold;
	margin:7px;
	width:180px;
	color:#000;
}
.accountAdressContainer .greyBox p{
	margin:0 9px 0 9px;
	line-height:1.4em;
	font-size:1.2em;
	width:180px;
	height:155px;
}
.accountAdressContainer .pushGreyBox {
	margin:20px 26px 0px 26px;
}
.accountAdressContainer #formId {
	width:552px;
	margin:25px 0 25px 50px;
}
.accountAdressContainer #formId p{
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 0 0;
	width:452px;
	height:34px;
}
.accountAdressContainer a.changeAddress {
	margin:35px 10px 0 0;
	float:right;
}
.accountAdressContainer a.removeAddress {
	margin:0 10px 0 0;
	float:right;
}
.accountAdressContainer .changeAddress:link, .accountAdressContainer .changeAddress:visited{
    background:url(../images/arrows/modifyBtn.png) no-repeat scroll left top;
    color:#F18E00;
    float:left;
    font-size:1.2em;
    font-weight:normal;
    height:12px;
    padding:0 0 0 15px;
    margin:16px 0 5px 10px;
    text-decoration:none;
    display:block;
	text-transform:lowercase;          
}
.accountAdressContainer .changeAddress:hover, .accountAdressContainer .changeAddress:active{
	color:#3F3F3F;
	text-decoration:none;
	background:transparent url(../images/arrows/modifyBtn.png) no-repeat scroll 0 -12px;
}
.accountAdressContainer .removeAddress:link, .accountAdressContainer .removeAddress:visited{
    background:url(../images/arrows/removeBtn.png) no-repeat scroll left top;
    color:#f20000;
    float:left;
    font-size:1.2em;
    font-weight:normal;
    height:11px;
    padding:0 0 0 15px;
    margin:0 0 0 10px;
    text-decoration:none;
    display:block;
	text-transform:lowercase;  
}
.accountAdressContainer .removeAddress:hover, .accountAdressContainer .removeAddress:active{
	background:transparent url(../images/arrows/removeBtn.png) no-repeat scroll 0 -11px;
	text-decoration:none;
	color:#3F3F3F;
}
.nameAddress {
	padding:0 0 10px 30px;
	font-size:1.2em;
	line-height:1.3em;
	width:552px;
	display:block;
	text-align:center;
}
.accountAdressContainer .addAdresse {
	background: url(../images/arrows/arrowRightRight.gif) no-repeat scroll left top;
	border:0 none;
	color:#F18E00;
	display:block;
	float:right;
	font-size:1.2em;
	font-weight:normal;
	height:12px;
	margin:25px 105px 20px 0;
	padding:0 10px 0 15px;
	text-decoration:none;
	text-transform:lowercase;
}
.accountAdressContainer .addAdresse:hover {
	background:transparent url(../images/arrows/arrowRightRight.gif) no-repeat scroll 0 -12px;
	color:#3F3F3F;
	text-decoration:none;
}
/*.Orders...........................................................................................................*/
.accountAdressContainer .detailsCommande {
	width:auto;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:14px 0 0 0;
	color:#464646;
}
.accountAdressContainer .detailsCommande a{
	background:url(../images/icons/pdfIcon.gif) no-repeat top right;
	text-decoration:none;
	float:left;
	display:block;
	height:27px;
	width:28px;
	margin:-8px 0 0 8px;
}
.accountAdressContainer .detailsCommande p{
	width:145px;
	overflow:hidden;
	float:left;
	margin:0;
}
.accountAdressContainer .detailsCommande ul {	
	margin:0;
	padding:4px 0 12px 0;
	float:left;
	display:inline-block;
}
.accountAdressContainer .detailsCommande li {
	height:14px;
	float:left;
	margin:0;
	font-size:1.2em;
	color:#000000;
}
.accountAdressContainer .detailsCommande li.push4 {
	color:#464646;
}
.accountAdressContainer .characteristicsBar {
	background:#f8f8f8;
	width:743px;
	overflow:hidden;
	border-bottom:1px solid #f18e00;
	color:#494236;	
	font-size:1.2em;
}
.accountAdressContainer .characteristicsBar ul{
	width:743px;
	margin:0;
	padding:0;
}
.accountAdressContainer .characteristicsBar li{
	float:left;	
	margin:0;
	padding:8px 0;
}
.accountAdressContainer .characteristicsBar .articleBar{
	width:297px;
	padding-left:21px;
}
.accountAdressContainer .characteristicsBar .colorisBar{
	width:85px;
}
.accountAdressContainer .characteristicsBar .quantiteBar{
	width:95px;
}
.accountAdressContainer .characteristicsBar .prixBar{
	width:117px;
}
.accountAdressContainer .characteristicsBar .reductionBar{
	width:110px;
}
.accountAdressContainer .productsList {
	width:743px;
	margin:6px 0;
}
.accountAdressContainer .productsList ul{
	padding:0 0 11px 0;
	display:inline-block;	
	width:100%;
	padding:0 0 0 20px;
}
.accountAdressContainer .productsList li{
	float:left;
	font-size:1.2em;
	color:#000;
}
.accountAdressContainer .productsList .nameProduct {
	margin:28px 0 0 10px;
	width:266px;
}
.accountAdressContainer .productsList .nameProduct a:link, .accountAdressContainer .productsList .nameProduct a:visited{
	text-decoration:underline;
	color:#000;
	font-size:1.1em;
}
.accountAdressContainer .productsList .nameProduct a:hover, .accountAdressContainer .productsList .nameProduct a:active{
	text-decoration:none;
	color:#000;
	font-size:1.1em;
}
.accountAdressContainer .productsList .colorProduct {
	width:90px;
	margin:28px 0 0 0;
}
.accountAdressContainer .productsList  select {
	border:1px solid #aeaeae;
	font-size:1.1em;
	color:#000;
}
.accountAdressContainer .productsList .quantityProduct {
	width:88px;
	margin:28px 0 0 0;	
}
.accountAdressContainer .productsList .priceProduct {
	width:112px;
	margin:28px 0 0 0;
}
.accountAdressContainer .productsList .discountProduct {
	width:109px;
	margin:28px 0 0 0;
}
.accountAdressContainer .productsList .totalProduct {
	width:55px;
	margin:28px 0 0 0;
}
.accountAdressContainer .productsList .deleteProduct {
	width:20px;
	margin:27px 0 0 0;
}
.boxOrders {
	width:743px;
	height:186px;
	margin:27px auto 0 auto;
	padding:0 0 6px 0;
}
.boxOrders ul{
	width:743px;
	background-color:#f8f8f8;
	border-bottom:1px solid #f18e00;
	display:inline-block;
	font-size:1.2em;
	color:#3e372d;
}
.boxOrders li{
	float:left;	
	padding:8px 0;
}
.boxOrders .numberOrder {
	width:76px;
	padding:8px 0 8px 22px;
	text-align:left;
}
.boxOrders .dateOrder {
	width:74px;
}
.boxOrders .stateOrder {
	width:201px;
}
.boxOrders .postalCodeOrder {
	width:153px;
}
.boxOrders .detailOrder {
	width:113px;
}
.boxOrders .billOrder {
	width:104px;
}
.boxOrders .boxOrdersScroll {
	overflow:auto;
	width:743px;
	height:163px;
}
.boxOrders .boxOrdersScroll ul{
	background:none;
	border:0;
	color:#000;
	padding:6px 0 0 0;
}
.boxOrders  .boxOrdersScroll  .postalCodeOrder {
	text-decoration:underline;	
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
}
.boxOrders  .boxOrdersScroll  .detailOrder a:link, .boxOrders  .boxOrdersScroll .detailOrder a:visited {
	text-decoration:underline;	
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
}
.boxOrders  .boxOrdersScroll  .detailOrder a:hover, .boxOrders  .boxOrdersScroll .detailOrder a:active {
	text-decoration:none;
}
.boxOrders .boxOrdersScroll .billOrder a:link, .boxOrders .boxOrdersScroll .billOrder a:visited{
	text-decoration:none;
	display:block;
	width:30px;
	height:30px;
	margin:-8px 0 0 0;
}
.boxOrders .boxOrdersScroll .billOrder a:hover, .boxOrders .boxOrdersScroll .billOrder a:active{
	text-decoration:none;
}
.accountAdressContainer .infoBill{
	margin:0;
	font-size:1em;
	width:329px;
	overflow:hidden;
	color:#000;
	padding:20px 0 0;
}
.accountOrderAddresses {
	width:743px;
	overflow:hidden;
	margin:12px 0 0 0;
}
.accountAdressContainer .contentBasket {
	padding:0 0 10px 0;
}
.accountAdressContainer .infoBill div{
	overflow:hidden;
	width:100%;
	padding:7px 0;
	margin:0;
	font-size:1em;
} 
.accountAdressContainer .infoBill div p {
	padding:0 0 0 0;
	width:100%;
	margin:0;
	font-size:1.2em;
	overflow:hidden;
} 
.accountAdressContainer .infoBill div p span {
	padding:0;
	font-size:1em;
} 
.accountAdressContainer .infoBill div p .billLeft {
	width:184px;
	overflow:hidden;
	text-align:right;
	display:block;
	float:left;
}
.accountAdressContainer .infoBill div p .billRight {
	width:89px;
	overflow:hidden;
	text-align:right;
	display:block;
	float:left;
}
.accountAdressContainer .infoBill .push21 {
	background:#f8f8f8;
	overflow:hidden;
	width:100%;
}
.accountAdressContainer .infoBill .push22 {
	background:#e3e3e3;
	overflow:hidden;
	width:100%;
}
.accountOrderAddresses .sendAccount {
    background:transparent url(../images/arrows/modifyBtn.png) no-repeat scroll left top;
	color:#F18E00;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:normal;
	height:12px;
	margin:0 0 5px 85px;
	padding:0 0 0 15px;
	text-decoration:none;
	text-transform:lowercase;
}
.accountOrderAddresses .sendAccount:hover {
	background:transparent url(../images/arrows/modifyBtn.png) no-repeat scroll 0 -12px;
	color:#3F3F3F;
	text-decoration:none;
}
.accountOrderAddresses table {
	float:left;
}
.accountOrderAddresses .greyBox {
	background-color:#f8f8f8;
	border:1px solid #f18e00;
	width:201px;
	height:209px;
	float:left;
	margin:0 13px 0 0;
	color:#000;
}
.accountOrderAddresses .greyBox h5{
	font-size:1.2em;
	font-weight:bold;
	margin:7px 0 7px 7px;
	color:#000;
}
.accountOrderAddresses .greyBox h4{
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 0 7px;
	color:#000;
}
.accountOrderAddresses .greyBox p{
	margin:0 7px;
	line-height:1.4em;
	font-size:1.2em;
	color:#000;
	overflow:hidden;
}
/*...........................................................................................................*/
#containerAccountSubscription {
	width:737px;
	overflow:hidden;
	margin:40px 0 0 0;	
	color:#000;
}
#containerAccountSubscription p{
	font-size:1.2em;
	line-height:1.3em;
}
#containerAccountSubscription #formId .checkAge label {
	color:#000;
}
#containerAccountSubscription .sendAccountProfile {
    background:transparent url(../images/arrows/arrowRightRight.gif) no-repeat scroll left top;
    color:#f18e00;
    float:left;
    font-size:1.2em;
    font-weight:normal;
    height:12px;
    padding:0 0 0 15px;
    margin:20px 0 0 290px;
    text-decoration:none;
    text-transform:lowercase;
}
#containerAccountSubscription .sendAccountProfile:hover {
	background:transparent url(../images/arrows/arrowRightRight.gif) no-repeat scroll left -12px;
	text-decoration:none;
	color:#3f3f3f;
}
#containerAccountSubscription #formId {
	margin:20px 0 0 0;
}
#formId p.obsSub {
	font-size:1.1em;
	line-height:1.1em;
	color:#666666;
	width:635px;
	height:auto;
	overflow:hidden;
	padding-top:60px;
}