/******************************************/
/**				balises html			 **/
/******************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #6E6C6C;
	/*background-color: #D8D3CF;*/
	background-color: #E3E2E2;
	text-align: center;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #6E6C6C;
}
a:hover, a:active {
	text-decoration: none;
	color: #F13B89;
}

/******************************************/
/**				blocs de base			 **/
/******************************************/
#window {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 100%;
	text-align: center;
}
#mainContainer {
	position: relative;
	width: 960px;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}

#mainContainer #header {
	position: relative;
	margin: 0 14px 0 14px;
	height: 163px;
	z-index: 600;
}

#mainContainer #bodyContainer {
	position: relative;
	margin: 0 14px 14px 14px;
	z-index: 100;
}

#mainContainer #footer {
	position: relative;
	margin: 0 14px 0 14px;
	z-index: 90;
}


/******************************************/
/**				bloc du header			 **/
/******************************************/
#header #logo {
	position: absolute;
	display: block;
	top: 14px;
	left: 0px;
	
}
#header #textboxNewsletter, #header #textboxSearch {
	position: absolute;
	display: block;
	right: 0px;
	width: 205px;
	height: 24px;
	background-color: #AEABAB;
	color: #FFFFFF;
}
#header #textboxNewsletter {
	top: 18px;
}
#header #textboxSearch {
	top: 58px;
}
#header #textboxNewsletter form, #header #textboxSearch form {
	display: block;
	width: 205px;
	height: 24px;
	margin: 0;
	padding: 0;
}
#header .textbox {
	position: relative;
	display: inline;
	margin: 0 0 0 5px;
	top: 0px;
	#top: -2px;
	left: 0px;
	width: 160px;
	line-height: normal;
	background-color: #AEABAB;
	border: none;
	color: #FFFFFF;
}
#header .submit {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	width: 32px;
	height: 24px;
	background-color: #AEABAB;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
}
#header .submithover, #header .submit:hover {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	width: 32px;
	height: 24px;
	background-color: #AEABAB;
	border: none;
	color: #F13B89;
	cursor: pointer;
}
#header #baseLine {
	position: absolute;
	top: 105px;
	left: 0px;
	font-size: 12px;
}
#header #menuClient {
	position: absolute;
	top: 105px;
	right: 0px;
	font-size: 12px;
}
#header #menu {
	position: absolute;
	float: left;
	top: 125px;
	left: 0px;
	height: 38px;
	width: 100%;
	background-color: #E3E2E2;
}

/******************************************/
/**				bloc du content			 **/
/******************************************/
#bodyContainer #teteDeGondole {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0; 
}
#bodyContainer #ourFavorite {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 14px 0; 
	width: 932px;
}
#ourFavorite #title {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 16px;
	color: #F13B89;
	margin: 0 0 12px 0;
}
#ourFavorite #boutique {
	position: relative;
	width: 932px;
	float: left;
}
#ourFavorite #boutique #article {
	position: relative;
	float: left;
	text-align: center;
}

#ourFavorite #boutique #article .image {
	width: 100%;
}
#ourFavorite #boutique #article img {
	border: 1px solid #AEABAB;
}
#ourFavorite #boutique #article.normal {
	margin: 0px 40px 28px 0px;
}
#ourFavorite #boutique #article.last {
	margin: 0px 0px 28px 0px;
}
#ourFavorite #article p {
	margin: 4px 0 0 0;
	width:120px;
}


#bodyContainer #stickers {
	position: relative;
	margin: 0 0 14px 0; 
	width: 932px;
	height: 100%;
	float: left;
}
#stickers .lineGrey {
	height: 1px;
	width: 100%;
	/*background-color: #D3D2D2;*/
	background-color: #000000;
	margin: 0px 0px 14px 0px;
	float: left;
}
#stickers .vignette {
	position: relative;
	float: left;
	text-align: center;
	width: 309px;
}
.vignette a {
	color: #6E6C6C;
}
.vignette .title {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #F13B89;
	line-height: 24px;
	margin: 0px 0px 4px 0px;
}
.vignette img {
	position: relative;
}
.vignette .text {
	position: relative;
	text-align: justify;
	margin: 4px 19px 14px 19px;
}
.vignette .text p, .vignette .text div {
	margin: 0;
	padding: 0;
}


#stickers .vignetteSeparate {
	position: relative;
	float: left;
	text-align: center;
	width: 2px;
}
.vignetteSeparate .firstSeparation {
	position: relative;
	top: 24px;
	width: 1px;
	height: 236px;
	/*background-color: #E3E2E2;*/
	background-color: #000000;
}


/******************************************/
/**				bloc du footer			 **/
/******************************************/
#footer #tags {
	margin: 0 0 14px 0; 
	width: 932px;
	position: relative;
	float: left;
	background-color: #E3E2E2;
}

#tags .bloc {
	position: relative;
	float: left;
	text-align: center;
	width: 309px;
}
.bloc .text {
	position: relative;
	text-align: justify;
	margin: 14px 19px 14px 19px;
	font-size: 10px;
}

#footer #textline {
	padding: 0 0 10px 0; 
	width: 932px;
	position: relative;
	float: left;
}

#footer #links {
	padding: 0 0 14px 0; 
	width: 932px;
	position: relative;
	float: left;
}
#textline p, #links p {
	margin: 0;
	text-align: center;
	font-size: 10px;
}


/******************************************/
/**			bloc du body container		 **/
/******************************************/
#bodyContainer #filAriane {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	height: 54px;
	line-height: 54px;
	vertical-align: middle;
	width: 100%;
	
}
#bodyContainer #triParListe {
	position: absolute;
	top: 18px;
	right: -18px;
	width: 420px;
	z-index: 500;
}
#bodyContainer #precedentSuivant {
	position: absolute;
	top: 18px;
	right: 1px;
	width: auto;
	z-index: 500;
}

#bodyContainer #menuGauche {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 190px;
	height: auto;
	margin-bottom: 14px;
}
#bodyContainer #menuGauche.reduce {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 175px;
	height: auto;
	margin-bottom: 14px;
}
#bodyContainer #content {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 740px;
	height: auto;
	z-index: 400;
}
#bodyContainer #largeContent {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 932px;
	height: auto;
	margin-bottom: 14px;
}

/******************************************/
/**		bloc "vous aimerez aussi"		 **/
/******************************************/
#content #youMightAlsoLike {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	margin: 0;
	#padding-bottom: 14px;
}
#youMightAlsoLike #title {
	position: relative;
	float: left;
	width: 738px;
	font-size: 16px;
	color: #F13B89;
	margin: 0 0 14px 0;
}
#youMightAlsoLike #boutique {
	position: relative;
	width: 738px;
	float: left;
}
#youMightAlsoLike #boutique #article {
	position: relative;
	float: left;
	text-align: center;
}

#youMightAlsoLike #boutique #article .image {
	width: 100%;
}
#youMightAlsoLike #boutique #article .image img {
	border: 1px solid #AEABAB;
}

#youMightAlsoLike #boutique #article.normal {
	margin: 0px 25px 30px 0px;
}
#youMightAlsoLike #boutique #article.last {
	margin: 0px 0px 30px 1px;
}
#youMightAlsoLike #article p {
	margin: 4px 0 0 0;
}

/******************************************/
/**				bloc boutique			 **/
/******************************************/
#largeContent #pictureShop {
	position: relative;
	float: left;
	top: 0px;
	left: 19px;
}
#content #pictureShop {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}
#pictureShop #visuel {
	position: relative;
	float: left;
	width: 275px;
	height: 340px;
	font-size: 16px;
	color: #F13B89;
}
#pictureShop #boutique {
	position: relative;
	width: 100%;
	float: left;
	#padding: 0 0 25px 0px;
}
#pictureShop #boutique #article {
	position: relative;
	float: left;
	text-align: center;
}

#pictureShop #boutique #article .image {
	width: 100%;
}
#pictureShop #boutique #article img {
	border: 1px solid #AEABAB;
}

#pictureShop #boutique #article.normal {
	margin: 0px 32px 25px 0px;
}
#pictureShop #boutique #article.last {
	margin: 0px 0px 25px 2px;
}
#pictureShop #article div.texte_gondole p {
	margin: 0 0 0 0;
}
#pictureShop #article p {
	margin: 4px 0 0 0;
}
#pictureShop #article div.texte_gondole {
	margin: -5px 0 0 0;
	#margin: -4px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	height: 340px;
}
#pictureShop #article a {
	display: block;
	cursor: pointer;
}

#pictureShop #pagination {
	position: relative;
	display: block;
	width: 740px;
	float: left;
	text-align: right;
	padding: 0 0 25px 0px;
}

/******************************************/
/**			bloc des produits vus		 **/
/******************************************/
#produits_vus{
	width:132px;
	font-size:11px;
	margin:16px 0px 0px 13px;
	position: relative;
	float: left;
	clear: both;
}

#produits_vus h2{
	height:26px;
	font-size:12px;
	line-height:2em;
	font-weight: normal;
	text-align:left;
	margin-bottom:8px;
	width:132px;
}
#produits_vus div a{
	float:left;
	margin:0px 2px 6px 2px;
	padding: 1px;
	text-align:center;
	border:1px solid #E4E4E4;
}

/******************************************/
/**		bloc des têtes de gondole		 **/
/******************************************/

#gondole {
	height: 340px;
	width: 932px;
}
.gondole_bloc {
	float: left;
	height: 340px;
}