@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	background-color:#FFF;
}


#conteneur{
	position:relative;
	background-color:#fff;
}


#centre_contenu{
	padding-bottom:20px;
	}


	

#produits_detail{
	width:663px;
	height:auto;
	float:left;
	text-align:left;
	padding-left:60px;
	padding-top:10px;
	}

#galerie_detail_produit{
	width:350px;
	height:auto;
	float:left;
	text-align:left;
	padding-left:20px;
	padding-top:15px;
	}

#caracteristiques_techniques{
	width:655px;
	height:auto;
	float:left;
	text-align:left;
	padding-left:0px;
	padding-top:20px;
	}	

#boutons_pages_produits{
	width:305px;
	height:auto;
	float:left;
	text-align:left;
	}				


#xiti{
	width:1008px;
	height:20px;
	padding-left:20px;
	float:left;
	text-align:left;
	padding-top:50px;
}

/********************************************STYLES TEXTES*/


/********************************************STRUCTURE TEXTES*/
h1{
	font-size:16px;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
	}
h2{
	font-size:13px;
	text-align:justify;
	font-weight:normal;
	}
p{
	text-align:justify;
	font-size:12px;
	}
/********************************************TEXTES BLANC*/
.p12_blanc{
	font-size:12px;
	color:#3f2d35;
	}

.p12_blanc_etapes{
	font-size:12px;
	color:#3f2d35;
	}
	
.p12_blanc_etapes a:link {
	color: #3f2d35;
	text-decoration:none;
	outline: none;
	}
.p12_blanc_etapes a:visited {
	color: #3f2d35;
	text-decoration:none;
	outline: none;
}
.p12_blanc_etapes a:hover {
	color: #FFFFFF;
	text-decoration:none;
	outline: none;
}
.p12_blanc_etapes a:active {
	color: #ffffff;
	text-decoration:none;
	outline: none;
}
	
	
.p11_blanc{
	font-size:11px;
	color:#FFFFFF;
	}

.grostitres{
	font-size:16px;
	}

/********************************************TEXTES CHOCOLAT*/
.chocolat_12{
	color:#3f2d35;
	font-size:12px;
	}
	
.chocolat_14{
	color:#3f2d35;
	font-size:14px;
	}
	
.chocolat_11{
	color:#3f2d35;
	font-size:11px;
	}

/********************************************TEXTES FRAMBOISE*/
.framboise_11{
	color:#940d43;
	font-size:11px;
	}			

.framboise_12{
	color:#940d43;
	font-size:12px;
	}
	
.framboise_14{
	color:#940d43;
	font-size:14px;
	}	

/********************************************ASPECT PRIX PRODUITS*/
.prix_framboise{
	font-size:20px;
	color:#940d43;
	font-weight:bold;
	}	

.prix_gris_barre{
	font-size:16px;
	color:#666666;
	text-decoration:line-through;
	}			

.prix_gris{
	font-size:16px;
	color:#cccccc;
	}			


/********************************************LIENS PARAGRAPHES*/

p a:link {
	color: #3f2d35;
	text-decoration:underline;
	outline: none;
	}
p a:visited {
	color: #3f2d35;
	text-decoration:underline;
	outline: none;
}
p a:hover {
	color: #3f2d35;
	text-decoration:underline;
	outline: none;
}
p a:active {
	color: #3f2d35;
	text-decoration:underline;
	outline: none;
}

/********************************************LIENS CHOCOLAT 11*/
.chocolat_11 a:link {
	color: #3f2d35;
	text-decoration:none;
	outline: none;
}
.chocolat_11 a:visited {
	color: #3f2d35;
	text-decoration:none;
}
.chocolat_11 a:hover {
	color: #3f2d35;
	text-decoration:none;
	font-weight:bold;
}
.chocolat_11 a:active {
	color: #3f2d35;
	text-decoration:none;
}


.p11_blanc a:link{
	color: #fff;
	text-decoration:none;
	outline: none;
	}
	
.p11_blanc a:visited{
	color: #fff;
	text-decoration:none;
	outline: none;	}
	
.p11_blanc a:hover{
	color: #fff;
	text-decoration:none;
	outline: none;
	font-weight:bold;
	}
	
.p11_blanc a:active{
	color: #fff;
	text-decoration:none;
	outline: none;
	font-weight:bold;
	}
		
/********************************************LIENS FRAMBOISE 11*/

.framboise_11 a:link {
	color: #940d43;
	text-decoration:none;
	outline: none;
}
.framboise_11 a:visited {
	color: #940d43;
	text-decoration:none;
}
.framboise_11 a:hover {
	color: #940d43;
	text-decoration:none;
	font-weight:bold;
}
.framboise_11 a:active {
	color: #940d43;
	text-decoration:none;
	font-weight:bold;
}


.framboise_12 a:link {
	color: #940d43;
	text-decoration:none;
	outline: none;
}
.framboise_12 a:visited {
	color: #940d43;
	text-decoration:none;
	outline: none;
	}
.framboise_12 a:hover {
	color: #940d43;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}
.framboise_12 a:active {
	color: #940d43;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}

/********************************************COULEURS*/

.blanc{
	color:#FFFFFF;
	}
.framboise{
	color:#940d43;
	}
.chocolat{
	color:#3f2d35;
	}
.rose{
	color:#C36;
	}	
	
	
/********************************************GALERIE*/
#galerie{
	width:350px;
	height:auto;
	}

.cloud-zoom-lens {
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:pointer;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

.border{
	border:2px solid #ccc;
}


/*********************   start of custom stylesheet for minisite ******************/




.line,.lastUnit{overflow:hidden; *overflow:visible;*zoom:1;}
.unit{float:left;}
.unitRight{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.fortyFive {
  width: 45%;
}
.fiftyFive {
  width: 55%;
}
.lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;}

  
.caps {
  text-transform: uppercase;
} 

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

img {
  border: 0;
}

.hide {
  display: none;
}

.emphasized-stripe {
  color:#fff;
  background-color: #940D43;
  margin: 0;
  padding: 15px 10px;
  font-size: 20px;
}


  
body {
  font: 12px 'Century Gothic', Arial, Helvetica, sans-serif;
  text-align: left;
  background-color: #eee;
  margin: 0;
  padding: 0;
}

#main {
  width: 1002px;
  margin: 0 auto;
}

#conteneur {
  background: #fff;
  border: 1px #eee solid;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 10px 5px rgb(204,204,204);
  width: 960px;
  padding: 0 20px 20px 20px;
  margin-bottom: 30px;
}

#centre_contenu {
  background: none;
  float: none;
  overflow: hidden;
  width: 100%;
}

#produits_detail {
  padding-left: 10px;
}
  
#header {
  width: auto;
  height: auto;
  overflow:hidden;
  float: none;
  position: relative;
  background: url(http://matelas-memoire-de-forme.com/images/header.jpg) no-repeat right top;
  border-bottom: 30px #58444f solid;
}

#baseline {
  padding: 0;
  margin: 0;
  height: auto;
  position:absolute;
  bottom: 30px;
  left: 200px;
  font-size: 13px;
}

#baseline strong{
  font-size: 18px;
  display: block;
}

.header-user-navi {
  text-align:left;
  position:absolute;
  right: 20px;
  top: 100px;
}

.header-user-navi a {
  color: #fff;
  opacity: 0.8;
  text-decoration:none;
  display:block;
  padding: 10px 0 10px 40px;
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: left center;
}

.header-user-navi a:hover {
  opacity: 1;
}

.panier-link {
  background-image: url(http://matelas-memoire-de-forme.com/images/mon_panier.gif);
}
.mon_compte-link {
  background-image: url(http://matelas-memoire-de-forme.com/images/mon_compte.gif);  
}

/* right bar */
#sidebar {
  width: 280px;
  float: right;
}

.engagements-sidebar {
  background-color: #3e2d35;
  width: 100%;
  overflow: hidden;
}

.engagements-sidebar li {
  background-repeat: no-repeat;
  background-position: 20px 0;
  padding-left: 100px;
  margin: 20px 0 40px 0;
}

.engagements-sidebar a {
  color: #fff;
  text-decoration: none;
}

.engagements-sidebar .rose {
  text-decoration: underline;
}

.engagements-sidebar strong {
  text-transform: uppercase;
}

.nuits-de-essai {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_engagement.gif);
}
.nuits-de-essai:hover {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_engagement_on.gif);
}
.points-de-ventes {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_centre_dessais.gif);
}
.points-de-ventes:hover {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_centre_dessais_on.gif);
}
.temoignages {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_temoignage.gif);
}
.temoignages:hover {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_temoignage_on.gif);
}
.contact {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_contact.gif);
}
.contact:hover {
  background-image: url(http://matelas-memoire-de-forme.com/images/lits_matelas_sommiers_contact_on.gif);
}

.payment-options {
  padding-top: 10px;
  text-decoration: none;
  display: block;
}

.payment-options:hover span{
  font-weight: bold;
}

.payment-options img {
  margin-top: 5px;
}


/* meilleures affaires */
#bestsellers {
  background: url(http://matelas-memoire-de-forme.com/images/vertical-affaires.png) no-repeat right top;  
  padding: 20px 10px 0 10px;
  min-height: 364px;
  border: 1px #eee solid;
  border-radius: 3px;
  box-shadow: 0 0 10px 5px rgb(204,204,204); 
  margin-top: 10px;
}

.bestsellers li {
  width: 290px;
  float: left;
  padding: 0 10px 20px 10px;
}

.bestsellers h1 {
  margin-bottom: 20px;
}

.bestsellers .description {
  margin: 15px 0 20px 0;
  padding-right: 40px;
  min-height: 55px;
}

.bestsellers .product-name {
  font-weight: bold;
  margin-bottom: 5px;
}

.bestsellers .price-info {
  margin: 10px 0;
}

.bestsellers .prix_gris_barre {
  padding-left: 10px;
  font-weight: bold;
}

.bestsellers .discover-link {
  text-decoration: none;
}

.bestsellers .discover-link:hover {
  font-weight: bold;
}


#menu-bottom {
  background: #b3aaad;
  margin-top: 20px;
  height: 288px;
  padding: 20px 20px 0 20px;
}

.address-list {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}


/* banner */
.banner {
  height: 210px;
  overflow: hidden;
  position: relative;
}
.product-preview .inner {
  padding: 10px;
}

.product-preview h1 {
  font-size: 22px;
  padding:0;
  margin: 5px 0 10px 0;
}

.product-preview p {
  font-size: 14px;
}

.product-preview .slogan {
  font-size: 22px;
}

.product-preview .secondary-slogan {
  font-style: italic;
  font-size: 15px;
  margin-bottom: 15px;
}

.product-preview .price {
  font-size: 18px;
  padding-left: 3px;
}

.product-preview button {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  bottom: 15px;
  left: 6px;
  font-family: 'Century Gothic',Arial,Helvetica,sans-serif;
}

.product-preview button:hover {
  font-weight: bold;
}

.product-preview .description {
  display: block;
  text-decoration: none;
  color: #3F2D35;
}


.product-preview img{
  height: 90px;
  display: block;
}

.product-preview .product-title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.product-preview .small-price {
  padding-left: 12px;
  margin: 5px 0;
  font-size: 18px;
  display: block;
  background: url(http://matelas-memoire-de-forme.com/images/puce_r.png) no-repeat 0 50%;
}
.product-preview .discover-link {
  position: absolute;
  bottom: 16px;
}
.product-preview .discover-link:hover {
  font-weight: bold;
}

.engagements {
  background: #B3AAAD;
  padding: 5px 0;
  height: 210px;
}

.engagements li{
  font-size: 19px;
  padding: 5px 20px 5px 5px;
  margin-left: 35px;
  list-style-type: disc;
}

/* the main product */
.product-main-view {
  margin: 0 10px 30px 0;
}

.product-main-view .baseline {
  margin: 10px 0 0 0;
}

.product-main-view h1 {
  margin: 30px 0 10px 0;
}

.product-main-view .promo,
.product-main-view .current-price,
.product-main-view .sizes,
.product-main-view .quantity,
.product-main-view .meta-info {
  margin: 20px 0;
}

.product-main-view .delivery-info {
  background: #940d43 url(http://matelas-memoire-de-forme.com/images/info_livraison.gif) no-repeat center left;
  padding: 12px 0 12px 60px;
  display: block;
  margin-right: 20px;
}

.product-tabs-container {
  margin-bottom: 10px;
}

.tab-navi {
  overflow: hidden;
  list-style: none;
  margin:0;
  padding: 0;
  position: relative;
  bottom: -2px;
}
.tab-navi li{
  width: 130px;
  float: left;
  text-align: center;
  margin-right: 3px;
  position: relative;
  border: 2px #ccc solid;
  border-bottom: none;
  border-radius: 2px 2px 0 0;
}
.tab-navi a {
  display: block;
  padding: 8px 0;
  border-bottom: 2px #ccc solid;
  font: 13px 'Century Gothic', Arial, Helvetica, sans-serif;
  background-color: #eee;
  color: #3F2D35;

}
.tab-navi li.active a{
  padding-bottom: 11px; /* border-width more padding than before + 1px for the bold font-weight*/
  border-bottom: none;
  background-color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.tab-content-container {
  border: 2px #ccc solid;
  padding: 10px 28px;
}

.tab-content-container p {
  font-size: 13px;
  line-height: 1.5;
}

.tab-header {
  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  color: #3F2D35;
}
.has-js .tab-header {
  display: none;
}

/* comparison with other producers */
.compare .intro {
  display: block;
  margin: 20px 0 8px 6px;
}

.legal-info {
  overflow: hidden;
  margin-top: 5px;
}

.legal-info li{
  display: block;
  float: left;
  border-left: 1px solid #3f2d35;
  padding: 0 40px 0 30px;
  height: 150px;
}
.legal-info li:first-child {
  padding-left: 5px;
  border-left: none;
}

.clear {
  clear:both;
}