/* Ici, tous les styles se rapportant aux produits */
article{
	background-color: white;
  padding: 16px;
}
.module {
  float: left;
  margin-bottom: 16px;
  width: 100%;
}

/* div 1*/
.produit_bebe_img{
display:table-cell;
text-align:center;
}
.produit_bebe_img img {
border:0;
max-width:100%;
max-height:600px;
-webkit-box-reflect: below 0 linear-gradient(transparent 50%, rgba(0,0,0,.3));
/*-webkit-box-reflect: below -33px linear-gradient(transparent 50%, rgba(0,0,0,.3));*/
}
/* div 2 */
.produit_bebe_col{
	padding-top:12px;}
/* div 3 */
.descriptif_bebe > p, .spec_bebe > p, #argumentaire > p{
  text-align: left;
  color: rgba(0,0,0,0.34);
  font-size: 20px;
  font-weight: 800;
  margin:24px 0 8px 0;
  border-bottom: 1px rgba(0,0,0,0.1) solid;
}
.descriptif_bebe span{
	clear:both;
	text-align: left;
	color: #333333;
	font-size:13px;
	width:100%;
	margin-left: 36px;
	}
.descriptif_bebe span:first-letter{
    float: left;
	font-family:'Dosis';
    font-size: 3em;
    line-height: 1;
    margin-right: 0.2em;
	color:rgba(0,0,0,0.6);
}
/* div 4 */
.social_bebe {
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.social_bebe:hover {
    filter: none; /* Firefox 10+, Firefox on Android */
    -webkit-filter: none; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#gallery{
	list-style:none;
}
#gallery > li {
	float:left;
}




#nom_produit_bebe h1{	margin:0 0 20px 0;	line-height: 26px;}
#nom_produit_bebe a {
font-size: 26px;
text-align: left;
color: rgba(0,0,0,0.45);
/*color: rgba(0, 0, 0, 0.67);*/
text-shadow: 0 1px 1px rgba(35,35,303,0.1);
}
#nom_produit_bebe > a.mobpad {
	text-shadow:none;
	color:rgb(107, 107, 107);
	font-size:30px;
}

#prix_bebe{
	left:0;
	color:#7D65CE; /*#DC0505;*/
	font-size:50px;
	font-weight:bold;
	margin-top: -10px;
}
#prix_bebe span{
	font-size:0.6em;
}
#marque_produit_bebe{
	position: absolute;
	right:0;
	}
#marque_produit_bebe img{
	max-height:90px;
	margin-top: -10px;
}


@media only screen and (min-width:768px){
       
.produit_bebe_img, .module{  position:relative; float: left;  width: 448px;  margin-right: 16px;}
.produit_bebe_col, .descriptif_bebe, .social_bebe{	float: right;	clear: right; position:relative;}

}

@media only screen and (max-width:767px){
.produit_bebe_img {  margin-bottom: 8px;}
.produit_bebe_col, .descriptif_bebe{	position: relative; }
}





/*------------------------------------------------------------------------------*/
/*																				*/
/*			PAGE PRODUIT V1.0 jeudi 4 avril 2013, 16h50							*/
/*																				*/
/*------------------------------------------------------------------------------*/	

#produit_bebe{
	position:relative;
}
#argumentaire, #spec_bebe, #stock_bebe{
	clear:both;
}
#argumentaire{
	display: block;
  text-align: center;}
#argumentaire > p{ margin-bottom:12px;}
#stock_bebe{
	  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.67);
  margin-bottom: 6px;
}


#information_livraison{
	text-align:left;
	color: #888585;
	font-size:12px;
	white-space: nowrap;
}

#liv_gratuite{
	position: absolute;
  right: 0;
  top:32px; /* 25px;*/
}


#addProductForm{
	text-align:center;
	font-size:12px;
	margin-bottom:18px;
	background-color: rgba(0, 0, 0, 0.02);
	padding: 8px;
	font-family: "N3R",Arial,sans-serif;
 
	}
#addProductForm > span{
	display:inline-block;
	font-size: 10px;
	margin-right:14px;
}
#addProductForm > select{
	min-width: 40px;
	font-family: N3R;
}


/*------- bouton ------------*/
.btv{
  display: inline-block;
   -moz-box-shadow: inset 0 1px 0 #0CD449,0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 0 #0CD449,0 1px 1px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 0 #0CD449,0 1px 1px rgba(0,0,0,0.3);
  background-color: #309B26;
  background-repeat: no-repeat;
  background-image: -ms-linear-gradient(top, #0FBF47 0, #309B26 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0FBF47), to(#309B26));
  background-image: -webkit-linear-gradient(#0FBF47, #309B26);
  background-image: -moz-linear-gradient(#0FBF47, #309B26);
  background-image: -o-linear-gradient(top, #0FBF47, #309B26);
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0FBF47), to(#309B26));
  background-image: linear-gradient(top, #0FBF47 0, #309B26 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0FBF47', EndColorStr='#309B26', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0FBF47', EndColorStr='#309B26', GradientType=0))";
  filter: none;
  color: white;
  font-weight:bold;
  border:none;
  font-size:28px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  
  padding: 10px 54px;
    border: 0;

}
.btv:hover{
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #309B26), color-stop(1, #0FBF47) );
  background: -moz-linear-gradient( center top, #309B26 5%, #0FBF47 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#309B26',endColorstr='#0FBF47');
  background-color: #309B26;
  color:#fff;
  }


.btv:active {
	position:relative;
	top:1px;
	color:#ff0;
}


 .btn_popup {
font-size: 17px;
padding: 12px 24px !important;
text-decoration: none;
font-weight: 500;
border:none;
}

	


#options_ajouter_page_produit{
	text-align: left;
white-space: nowrap;
margin-top: 12px;
border-top: 1px rgba(0,0,0,0.1) solid;
padding:10px 10px 0 0px;

}
#options_ajouter_page_produit a{
	color: rgba(0,0,0,0.6);
	text-shadow: 0 1px 1px rgba(35,35,303,0.1);
	font-size: 13px;
	font-weight:500;
}
#options_ajouter_page_produit a:hover{
	color: blue;
	text-decoration:underline;
	
}




#bloc_cat{
	  display: inline-block;}

#bloc_cat > ul {
	width:100%;	
	display: table;
	float:left;
    margin: 0 0 10px 0;
	padding:0;
	display: -moz-box;
	border-top:1px rgba(0,0,0,0.1) solid;

}

#bloc_cat > ul:nth-child(2n) {
    margin-right: 0;
}
#bloc_cat > a, #bloc_cat > p{
	display: block;
  margin: 20px 0 0 0;
	
}

#bloc_cat > a > h2, #bloc_cat p{
	margin: 0;
	text-align:left;
	color: rgba(0,0,0,0.34);
	font-size: 20px; 
	font-weight: 800;
	
}

#bloc_cat > ul:before, #bloc_cat > div > ul:after{
	display: table-row;
	content: "";
	line-height: 0;
}
#bloc_cat > ul > li{
	  display: inline-table;
	overflow: hidden;
	list-style: none;
	position:relative;
   font-size: 12px;
   width: 16%;
   padding:4px;
   color: rgba(0, 0, 0, 0.57);   
}

#bloc_cat a{
	font-size: 12px;
  color: #6D6E71;
  font-weight: normal;
  text-align: left;
 
}
#bloc_cat > ul > li > a > img{
	margin:0 10px; 
}
#bloc_cat > ul > li > div {
	text-align:left;	
	color:#999;
	font-size:14px;
	text-shadow: 0 1px 1px rgba(35,35,303,0.1);
}
#bloc_cat > ul > li > img {
right:0;
bottom:0;
position:absolute;
}
#bloc_cat > ul > li:last-child{
	margin:0;
}


#autres_produits p{
	margin-bottom: 16px;
	
}
#autres_produits p span{
	display: inline-block;
text-align: right;
float: right;
}
#autres_produits>p>a{
	color: rgba(0,0,0,0.45);
}




#personnalisation_bebe{
	text-align: left;
	margin: 12px 12px 0 0;
}
.perso_fieldset {
	padding: 1em;
	text-align:left;
	border:none;
}
.perso_fieldset legend{
	font-family: "N3R",Arial,sans-serif;
  font-size: 15px;
  font-weight:600;
  text-align: left;
  margin-bottom: 6px;
}
.perso_fieldset label{
	/*width: 28%;*/
	font-weight:normal;
	display: inline-block;
	white-space: nowrap;
	line-height: 22px;
	font-size: 15px;
	min-width: 30%;
	margin-left:75px;
	font-family: "N3R",Arial,sans-serif;
 
}
.choix_nb_exemplaires, .perso_fieldset select, .perso_fieldset input{
border: 1px solid #e2f0f5;
  font-size: 14px;
  color: #555;
  height: 40px;
  line-height: 40px;
  border-color: #ccc;
  vertical-align: middle;
  padding: 9px;
	margin-bottom:16px;
		font-family: "N3R",Arial,sans-serif;
 
}
.choix_nb_exemplaires{
	margin:0;
}
#specification_bebe{
	text-align: left;
color: #333;
font-size: 16px;
float: left;
margin: 4px 30px 0 0;
}
#specification_bebe label {
  text-align:left;
  font-weight:800;
  float:left;
  width: 120px;
  color: rgba(0,0,0,0.66);
}
#specification_bebe ul{
	margin:0;
}
#specification_bebe li {
	list-style:none;
  	clear:both;
}





.article_bebe{
	border-bottom: 1px solid rgba(192, 192, 192, 0.3);
float: left;
width: 250px;
height: 360px; /*340px*/
margin: 1px;
position: relative;
}

@-moz-document url-prefix() {    .article_bebe {height: 360px;    }   }	









	
#avis_bebe{

  position: absolute;
  top: 16px;
  left: -100%;
  padding: 4px;
  background-color: transparent;
}		


	.love img, .love span{
	 vertical-align: middle;
	  display: inline-block; 
	  max-width:24px;
	}
	.love span{
		padding-bottom: 5px;
	}
	
	



/*----------------- VIDEO ---------------------------------*/
.video_produit{
	width:432px;
	height:243px;
	margin: 12px;
	display:block;
	float:right;
	margin-top: 10px;	
}





/*------------------------- REMISE ---------------------------*/

.remise_data  {position:relative; font-size:0.5em}

.pc_barre{
	margin-left:-1px;
	width: 44px;
}
.pc_barre_tiny{
	margin-left:-2px;
	width: 32px;
}
.pp_barre{
	position:absolute;
	width: 64px;
	background-image:none;
	background-color:red;
	transform:rotate(-20deg);
   -ms-transform:rotate(-20deg);
   -moz-transform:rotate(-20deg);
   -webkit-transform:rotate(-20deg);
   -o-transform:rotate(-20deg);
   background-color: rgba(255, 0, 0, 0.9);
}


#remise{
	text-align:right;
	font-size: 19px;
	font-weight:600;
	color:#fff;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	position: absolute;
	top: 5px;
	left: 90px;
	background-color:#71FD04; /*#1BAC3F; /*#3F6;*/
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:1px 4px 1px 2px;
}

.panier_magique{
	font-size: 15px;
color: #868686;
font-weight: 400;
}




#taille_bebe {
padding: 8px 0 16px 5px;
text-align:center;
}

#taille_bebe span{
	display: block;
text-align: center;
width: 100%;
clear: both;
margin-bottom: 10px;
padding: 0;
font-weight: 600;
color: rgba(0,0,0,0.7);
font-size: 17px;
}
#taille_bebe ul{
	clear: both;
margin: 0;
padding: 0;
display: table;
width:100%;
text-align:center;
}
#taille_bebe li{
	list-style: none;
font-size: 16px;
color: rgba(0,0,0,0.6);
font-weight: 500;
  display: table-cell;
}



.options_ajouter{
	background-color:transparent;
	text-align:left;
	font-size:10px;
}
.options_ajouter p{
	text-align:center;
	margin-bottom:24px;
	color: rgba(0,0,0,.2);
	
}






.lien_ajouter, .lien_suivre {
	color: rgba(0,0,0,.6);
	text-shadow: 0 1px 1px rgba(35,35,303,0.1);
	font-size:14px;
	font-weight: 500;
	}
.lien_ajouter:visited, lien_suivre:visited{
	color: rgba(0,0,0,0.7);
	text-shadow: 0 1px 1px rgba(35,35,303,0.1);
	}	
.lien_ajouter:hover, lien_suivre:hover{
	text-decoration:underline;
	color:rgb(69, 69, 255); 
	}	
	



  
#mappemonde{
	width:300px;
	height:200px;
	background:url("/sites/DDP/img/panier/mappemonde.jpg") no-repeat top left;
	text-align:center;
	top: 20px;
	position: relative;
	margin:20px auto 0 auto;
}
#mappemonde h2{
position: relative;
top: -22px;
font-size: 16px;
color: #555;
}
.calcul{
	position:relative;
	width: 124px;
	text-align: center;
	font-weight: 600;
	font-size:16px;
}

.fdp_1{
	left: 24px;
	top: 25px;
}
.fdp_2{
	left: 150px;
	top: 76px;
}
.fdp_3{
	left: 148px;
	top: -15px;
}
.fdp_4{
	left: 25px;
	top: 34px;
}
@-moz-document url-prefix() {   .fdp_1{	left: 25px;	top: 22px;}   }
@-moz-document url-prefix() {   .fdp_2{	left: 146px;top: 70px;}   }
@-moz-document url-prefix() {   .fdp_3{	left: 146px; top: -22px;}   }
@-moz-document url-prefix() {   .fdp_4{	left: 25px;	top: 27px;}   }

.port_offert{margin-top:24px;}


/*----------POP UP et PANIER -----------------*/
#pop_up_ajout_au_panier {
    min-height:300px;
    height:auto;
    min-width:600px;
    width:auto;
   
}	

.div_lien{
	text-align: center;
	margin-top:10px;
	font-size: 18px;
}



.pt_rem_data{
	padding-left:2px;
	font-size: 14px;
	color: black
}
.pt_rem_data #pt2_px_ba{
	position:absolute;
	right:10px;
	font-size: 11px;
	color: rgba(153, 153, 153, 0.77);
}
#pt_px_hr
{
   position: absolute;
   transform:rotate(-10deg);
   -ms-transform:rotate(-10deg);
   -moz-transform:rotate(-10deg);
   -webkit-transform:rotate(-10deg);
   -o-transform:rotate(-10deg);
   background-color: rgba(255, 0, 0, 0.43);
background-image: none;
height: 1px;
} 
.pt_ba{
	width: 36px;
  top: -8px;
  left: inherit;
}
.pt_rem{
	font-family:"Trebuchet MS", sans-serif;
	text-align:right;
	font-size: 12px;
	font-weight:700;
	color:#4caf34;
	-webkit-transform: rotate(13deg);
	-moz-transform: rotate(13deg);
	-ms-transform: rotate(13deg);
	transform: rotate(13deg);
	position: absolute;
	top: 14px;
	right: 3px;
	background-color:rgba(0, 255, 0, 0.20);
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:1px 4px 1px 2px;
}