<!--

/*  START HTML TAG */

html{
	overflow-y: scroll;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
	line-height: 14px;
	margin: 12px;
	color: #757477;
	background-color: #D7E3Ec;
}

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


ul, li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a,
a:link,
a:visited,
a:active{
	color: #D26D84;
	text-decoration: none;
}

a:hover{
	color: #EE7D11;
	text-decoration: underline;
}

/* END HTML TAG */


/* START CONTAINER */
#eContainer {
	width: 936px;
	margin-left: auto;
	margin-right: auto;
}


#eHeader {
	background-image: url(../image/header.jpg);
	background-repeat: no-repeat;
	height: 172px;
}


#eTitle {
	margin-top: 109px;
	margin-right: 60px;
	float: right;
}


#eContent {
	background-image: url(../image/content.gif);
	background-repeat: repeat-y;
	width: 936px;
	float: left;
	padding-bottom: 7px;
}


#eView {
	margin: 37px 0 0 50px;
	width: 660px;
	float: left;
}

#eFooter {
	background-image: url(../image/footer.jpg);
	background-repeat: no-repeat;
	height: 70px;
	clear: both;
}

#eFooter ul li{
	margin-right: 20px;
	margin-top: 40px;
	float: right;
}

#eFooter a,
#eFooter a:link,
#eFooter a:visited,
#eFooter a:active{
	color: #C84B68;
	font-weight: normal;
	text-decoration: none;
}

#eFooter a:hover{
	color: #565656;
	text-decoration: underline;
}

/* END CONTAINER */


/* START GENERIC CSS CLASS */


.margin_b1{
	margin-bottom: 9px;
}

.margin_b2{
	margin-bottom: 12px;
}

.margin_b3{
	margin-bottom: 16px;
}

.margin_b4{
	margin-bottom: 20px;
}


.left{
	float:left;
}

.right{
	float:right;
}

.justify{
	text-align: justify;
}

.clear{
	clear: both;
}


.title{									/* Titles image and text */
	margin-bottom: 12px;
	display: block;
}

.column{ 								/* View column block */
	width: 320px;
}

.p1{									/* Bold pink text */
	font-weight: bold;
	color: #C84B68;
}

.p1.ext{								/* Home Salons p1 margin top and bottom */
	margin: 8px 0 4px 0;
}

.p2{									/* Bold gray text */
	font-weight: bold;
	color: #757477;
}
.p3{ 									/* paragraphe under Splash image*/
	font-size: 14px;
	font-weight: bold;
	color: #757477;
	padding-left: 20px;
}

h6 {
	font-size:11px;
	font-weight: bold;
	color: #757477;
}

/* END GENERIC CSS CLASS */


/* START PRODUCT ICON THUMB IMAGE PHOTO */

img.icon{								/* Product icon image */
	margin-right: 10px;
	width: 111px;
	height: 105px;
	float: left;
}

img.thumb{								/* Product thumb image */
	margin-right: 10px;
	width: 170px;
	height: 150px;
	float: left;
}

img.image{								/* Product image image */
	width: 317px;
	height: 268px;
	float: right;
}

img.photo{								/* Product photo image */
	width: 660px;
	height: 439px;
}
/* END PRODUCT ICON THUMB IMAGE PHOTO */


/* START PRODUCT VIEW PRICE DESCRIPTION */
.price{}								/* Product price on home and sommaire */


.descriptionh{								/* Product description on home */
	height: 70px;							/* 5x(13+1) = 70px */
	margin-top: 7px;
}

.description{								/* Product description on sommaire*/
	height: 42px;							/* 3x(13+1) = 42px */
	margin-top: 22px;
	margin-bottom: 2px;
}

.sticker{								/* sticker "promotion" "nouveauté" or button spacer */
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
}
/* END PRODUCT VIEW PRICE DESCRIPTION */


/* START BUTTON */

img.btn{
	margin-top: 2px;
	margin-bottom: 2px;		/* .btn 2px margin bottom + cseparator height 1px + _content 7px padding bottom = 10px */
	cursor: pointer;
}

/* END BUTTON */


/* START SEPARATORS SPACERS */


.cseparator{
	height: 1px;
	clear: both;
	font-size:1px;
}

.vspacer{
	height: 1px;
	width: 1px;
	font-size:1px;
	line-height:1px;
	clear: both;
}

.cseparator.max{
	background-image: url(../image/bseparator.gif);
	background-repeat: no-repeat;
	font-size:1px;
}


.hseparator{
	background-image: url(../image/hseparator.gif);
	background-repeat: no-repeat;
	width: 320px;
	height: 1px;
	font-size:1px;
}

.vseparator{
	background-image: url(../image/vseparator.gif);
	background-repeat: no-repeat;
	width: 1px;
	height: 150px;
	margin-left: 9px;
	margin-bottom: 9px;
	float: left;
}

.vseparator.min{							/* vertical separator on home */
	height: 105px;
}

/* END SEPARATORS SPACERS */


/* START NAVIGATION */

#eNavigation {
	width: 155px;			/* css width needed for opera only */
	float: left;
	margin-left: 43px;
	margin-top: 27px;
	padding-bottom: 3px;		/* _navigation 3px padding bottom + _content 7px padding bottom = 10px */
	display: inline;
}

img.menuitem{
	cursor: pointer;
	display: block;
}

/* END NAVIGATION */

// -->