/******************************************/
/**				balises html			 **/
/******************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #6E6C6C;
	/*background-color: #D8D3CF;*/
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../_img/background.jpg);
	background-repeat: repeat;
}

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: #67A6B5;
}

/******************************************/
/**				blocs de base			 **/
/******************************************/
#window {
	margin: 0px auto;
	padding: 0;
	width: 975px;
	height: 100%;
	text-align: center;
}
#mainContainer {
	position: relative;
	width: 975px;
	height: 100%;
	min-height: 840px;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
	background-image: url(../_img/background-bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#mainContainer #header {
	position: relative;
	margin: 0;
	height: 84px;
	z-index: 600;
	background-color:#dcf770;
}

#mainContainer #bodyContainer {
	position: relative;
	margin: 16px;
	z-index: 100;
}
#mainContainer .ligne {
	position: relative;
	float:none;
	clear:both;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
#mainContainer .colonne {
	position: relative;
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
.colonne #blocnote {
	position:absolute;
	width:398px;
	height:279px;
	top:16px;
	#top:0px;
	left:-42px;
	margin:0;
	padding:0;
	background:url(../_img/sticker-post-it-home.png) no-repeat 0 0;
	cursor:pointer;
}
/*.colonne #blocnote, x:-moz-any-link  {
	position:absolute;
	width:398px;
	height:279px;
	top:0px;
	left:-42px;
	margin:0;
	padding:0;
	background:url(../_img/blocnote.png) no-repeat 0 0; 
}*/

#mainContainer .sticker {
	float:none;
	clear:both;
	padding:2px 0px 6px 16px;
}


#mainContainer #footer {
	position: absolute;
	margin: 0 16px 0 16px;
	z-index: 90;
	bottom:0px;
}


/******************************************/
/**				bloc du header			 **/
/******************************************/
#header #logo {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
}
#header #rapidlinks {
	position: absolute;
	display: block;
	top: 10px;
	right: -10px;
	z-index:200;
}
#header #leftDiv {
	position: absolute;
	display: block;
	top: 0px;
	left: -23px;
	width:23px;
	height:91px;
	background:none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_img/header-left-div.png', sizingMethod='scale');
}
#header #leftDiv, x:-moz-any-link {
	position: absolute;
	display: block;
	top: 0px;
	left: -23px;
	width:23px;
	height:91px;
	background:url(../_img/header-left-div.png) no-repeat 0 0; 
}


#header #rightDiv {
	position: absolute;
	display: block;
	top: 0px;
	left: 975px;
	width:31px;
	height:92px;
	background:none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_img/header-right-div.png', sizingMethod='scale');
	z-index:150;
}
#header #rightDiv, x:-moz-any-link {
	position: absolute;
	display: block;
	top: 0px;
	left: 975px;
	width:31px;
	height:92px;
	background:url(../_img/header-right-div.png) no-repeat 0 0;
	z-index:150;
}

.newsIntitule{
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	color:#000000;
}
.newsTitle{
	font-weight:bold;
	font-size:14px;
	color:#67a6b5;
}
.newsText{
	font-size:12px;
	color:#000000;
	margin-top: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: #67A6B5;
	cursor: pointer;
}
#header #baseLine {
	position: absolute;
	top: 105px;
	left: 0px;
	font-size: 12px;
}
#header #menuClient {
	position: absolute;
	top: 105px;
	right: 0px;
	font-size: 12px;
}
#mainContainer #menu {
	position: relative;
	top: 0px;
	left: 0px;
	height: 42px;
	width: 100%;
	background:url(../_img/background-menu.png) no-repeat 0 0;
}

#menu span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	display:block;
	float:left;
}
#menu span a:link,
#menu span a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
}
#menu span a:hover,
#menu span a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #dcf770;
	text-decoration: none;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
}
#menu #m1,
#menu #m3,
#menu #m4 {
	width:193px;
}
#menu #m2 {
	width:196px;
}
#menu #m5 {
	width:200px;
}

/******************************************/
/**				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: #67A6B5;
	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;
}


/*#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: #67A6B5;
	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: 943px;
	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: 0px 0 10px 0; 
	width: 943px;
	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: 11px;
	color:#67A6B5;
}
#footer a:link,
#footer a:visited{
	color:#67A6B5;
}
#footer a:hover,
#footer a:active{
	color:#000000;
}


/******************************************/
/**			bloc du body container		 **/
/******************************************/
#bodyContainer #filAriane {
	position: relative;
	top: 0px;
	left: 0px;
	height: 34px;
	line-height: 34px;
	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;
	width: 740px;
	height: auto;
	z-index: 400;
	padding-bottom:80px;
	float:left;
}
#bodyContainer #largeContent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 943px;
	height: auto;
	padding-bottom:80px;
}
#largeContent .editotext {
	padding-bottom:80px;
}

/******************************************/
/**		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: #67A6B5;
	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: #67A6B5;
}
#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;
}