BODY {
	margin: 0px; padding: 0px;
	color: #FFFFFF; background: #004879;
	font-family: Arial, Helvetica, sans-serif;
}

FORM {
	margin: 0px; padding: 0px;
}

A {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

A.generic { color: #268379; }

/* TABLEAU */
#col_topleft { 
	background: #004879;
}
#col_topcenter { 
	display: block; width: 935px; height: 25px;
	background: #004879;
}
#col_topright { 
	background: #004879;
}

#col_centerleft { 
	background: url(/img/fd_main.png) repeat-x #0b1e41;
}
#col_centercenter { 
	background: url(/img/fd_main.png) repeat-x #0b1e41;
	display: block; width: 935px;
}
#col_centerright { 
	background: url(/img/fd_main.png) repeat-x #0b1e41;
}

#col_bottomleft { 
	background: url(/img/fd_bottom_boutique.png) top repeat-x; 
}
#col_bottomcenter { 
	width: 935px;
	background: #004879 url(/img/fd_bottom_boutique.png) top repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
	vertical-align: top; text-align: left;
}
#col_bottomright { 
	background: #004879 url(/img/fd_bottom_boutique.png) top repeat-x;
}

/* CENTER HOMEPAGE */
#homeContainer { position: relative; display: block; margin: 0 auto; }
#homeContainerClaim {
	position: absolute; display: block;
	top: 125px; left: 210px;
}
#homeContainerMark {
	position: absolute; display: block;
	top: 38px; left: 619px; 
}
#homeContainerShop {
	position: absolute; display: block;
	top: 239px; left: 619px; 
}

/* FOOTER HOMEPAGE */
#homeFooter { position: relative; display: block; margin: O auto; height: 87px; }
#homeFooterLogo { padding: 5px 5px 0px 255px; }
#homeFooterClaim { display: block; padding: 14px 0px 5px 0px; }

/* CATEGORY LISTING */
.categoryListing {
	position: relative; display: block;
	background: #FFFFFF url(/img/fd_bottom_listing.png) bottom no-repeat;
	width: 484px; height: 464px; padding: 0px; margin: 0px;
	overflow: auto;
}
.listingTitle {
	position: absolute; display: block;
	width: 440px; height: 25px; top: 18px; left: 18px; 
	padding: 0px; margin: 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 18px;
	color: #000000; text-transform: uppercase;
}
.listingContent {
	position: absolute; display: block;
	width: 440px; height: 50px; top: 35px; left: 18px;
	padding: 0px; margin: 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
	color: #268379;
}
.listingProduct {
	position: absolute; display: block;
	width: 440px; height: 370px; top: 75px; left: 18px;
	padding: 0px; margin: 0px;
	overflow: auto; color: #000000;
}
.listingItem {
	display: block; float: left; margin-right: 10px;
	width: 123px; height: 265px; overflow: hidden;
	border-bottom: 1px dotted #ef7d41;
}
.itemImage {
	display: block; padding: 5px 0px 5px 0px; 
	width: 123px; height: 123px; 
	overflow: hidden; text-align: center;
}
.itemTip {
	position: relative; display: block;
	top: 58px; left: 58px;
	width: 0px; height: 0px;
}
.itemPrice {
	display: bock; width: 100%; background: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	text-align: center; color: #FFFFFF;
}
.itemTexts {
	display: block; height: 80px; overflow: hidden;
}
.itemTitle {
	display: block; padding: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	color: #000000;
}
.itemDesc {
	display: block; width: 100%; padding: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 9px;
	text-align: left; color: #e87441;
}

/* PRODUCT PAGE */
#productContent {
	position: relative; display: block; 
	width: 730px; height: 464px; overflow: hidden;
	background: #FFFFFF url(/img/fd_product.png) top left no-repeat;
}
#productExtras {
	position: absolute; display: block;
	top: 355px; left: 50px;
}
.productVote {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999;
}
.productSuggested {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #268379;
}
#productImage {
	position: absolute; display: block;
	top: 27px; left: 0px; width: 270px; height: 270px;
	text-align: center;
}
#productDetails {
	position: absolute; display: block;
	top: 10px; left: 270px;
	width: 440px; height: 444px;
}

.productTitle {
	display: block; padding: 0px 0px 10px 0px;
	width: 410px;
	font-family: Arial, Helvetica, sans-serif; font-size: 20px;
	text-transform: uppercase; color: #000000;
}
.productContents {
	display: block; padding: 3px; margin: 0px 0px 10px 0px;
	width: 420px; height: 200px; overflow: auto;
    scrollbar-face-color:#FFFFFF;     /*le premier plan mobile*/
    scrollbar-track-color: #EEEEEE;  /* #FFF5D7;   le fond (rail)*/
    scrollbar-arrow-color: #DDDDDD;   /*  les flèches*/
    scrollbar-shadow-color: #DDDDDD;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
}

.productDelivery {
	width: 420px; margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;
	color: #000000;
}

.productConseils {
	display: block;
	width: 420px; margin: 10px 0px 10px 0px;
	border-bottom: 1px dotted #b2b1b1;
	border-top: 1px dotted #b2b1b1;
}
A.conseils {
	display: block; padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;
	color: #268379;
}
A.conseils:hover {
	text-decoration: underline;
}

.productVariants {
	display: block; padding: 0px 0px 10px 0px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	color: #268379;
}
.selectVariants {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	color: #268379;
}
.productDescription {
	display: block; padding: 0px 0px 10px 0px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	color: #268379;
}
.productRemarks {
	display: block; padding: 0px 0px 10px 0px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	color: #268379;
}
.productPackaging {
	display: block; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	color: #999999;
}
.productDispo {
	display: block;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	color: #999999;
}
.productPrice {
	position: relative; display: inline; padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif; font-size: 20px;	
	background: #000000; color: #FFFFFF;
}

/* PAGE ASTUCE */
#astuceImage {
	position: absolute; display: block;
	top: 27px; left: 0px; width: 270px; height: 270px;
	text-align: center;
}
#astuceDetails {
	position: absolute; display: block;
	top: 10px; left: 270px;
	width: 200px; height: 444px;
}

.astuceTitle {
	display: block; padding: 0px;
	width: 270px;
	font-family: Arial, Helvetica, sans-serif; font-size: 20px;
	text-transform: uppercase; color: #000000;
}
.astuceContents {
	display: block; padding: 0px; margin: 0px;
	width: 292px;
	border-bottom: 1px dotted #b2b1b1;
}
.astuceAstuces {
	display: block; padding: 0px;
	width: 270px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #268379;
}


/* SHOPPINGCART PAGE */
.shopHeader {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	background: #EEEEEE; color: #000000;
}
.shopPriceHeader {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	background: #EEEEEE; color: #000000;
}
.shopBody {
	vertical-align: middle; text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	color: #000000; border-bottom: 1px dotted #ef7d41;
}
.shopPriceBody {
	vertical-align: middle; text-align: right;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	color: #000000; border-bottom: 1px dotted #ef7d41;
}

/* CONTENT GENERIQUE */
#mainMenu { display: block; height: 163px; padding: 0px 0px 0px 23px; }
A.menu { 
	display: block; width: 147px; padding: 2px;
	font-weight: bold;
	text-transform: uppercase; text-decoration: none;
}
A.menu:hover { text-decoration: underline; }
A.menu_active {
	display: block; width: 147px; padding: 2px;
	font-weight: bold;
	text-transform: uppercase; text-decoration: none;
}
A.submenu { 
	display: block; width: 147px; padding: 2px 2px 2px 14px; 
	font-weight: bold;
	color: #9fc8e8;
	text-transform: uppercase; text-decoration: none;
}
A.submenu_active { 
	display: block; width: 147px; padding: 2px 2px 2px 0px; 
	font-weight: bold;
	color: #9fc8e8; 
	text-transform: uppercase; text-decoration: none;
}
A.button { 
	display: inline-block; padding: 4px 10px 4px 10px; background: #b25631;
	font-size: 10px; font-weight: normal;
	text-transform: uppercase;
}
A.button:hover { background: #e97640; }

#search { display: block; padding: 0px 0px 0px 23px; }
label { 
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
	text-transform: uppercase; text-decoration: none;
}
.search { 
	width: 100px; border: 1px solid #d4d4d4; background: #d4d4d4; color: #676767;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

#login { display: block; padding: 0px 0px 0px 23px; }
#botMenu { display: block; padding: 0px 0px 0px 23px; }

/* FOOTER GENERIQUE */
#footer { position: relative; display: block; margin: O auto; }
A.footer { font-size: 10px; color: #000000; text-decoration: none; }
A.footer:hover { font-size: 10px; color: #FFFFFF; text-decoration: underline; }