@charset "utf-8";

/*************************************  MENU GAUCHE CATEGORIE **********************************/

#gauche > div {
	z-index:1;
	padding-bottom: 8px;
	margin-bottom: 20px;
	width:100%;
	display:table;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ffffff; /* Old browsers */  
	}	
#gauche > div > img{	margin-left:28px;	}
#gauche > div > h2{
	font-weight:bold;
	font-size: 16px; 
	color: rgba(82, 82, 97, 0.93);
	margin:0 0 0 16px;
	position:relative;
}
#gauche > div > p{
	font-size: 11px;
	color: rgb(89, 89, 104);
	text-align: center;
	margin: 12px 0 7px -10px;
}

#gauche > div > ul {	list-style: none;	margin-bottom: 16px;}
#gauche > div > ul  > li {	font-size: 14px; line-height: 16px;/* addd gwen 2019*/}
@-moz-document url-prefix() { #gauche > div > ul  > li {	font-size: 13px;}}
#gauche > div > ul > li > a, #gauche > div > ul > li > a:visited{	color: #585858;}
#gauche > div > ul > li >  a:hover{	  color:#6A46C8;/*#7D6AFF;*/s}
#gauche > div > ul  small{	font-size: 0.6em;  color: rgba(151, 151, 165, 0.8);  margin-left: 4px;}





/***** Menu AFFINER ************/
#affi {	position:relative;}
#gauche > div > ul > li > a:before, a.reset{
	content:"";
	color:transparent;
    background: #ffffff;
	background-size:100px 100px;
	background-repeat: no-repeat;
	background-image: url('/sites/DDP/img/ui/bloc.gif');
	display: block;
    float: left;
    opacity: 1;
	width:16px;
	height:16px;	
	display:-webkit-inline-box;
	vertical-align: bottom;
	font-size: 14px;
	line-height: 10px;
	font-weight: normal;
	background-position: -16px 0px;
	margin-right: 4px;
}
#gauche > div > ul > li > a:hover:before{		background-position: -16px -16px;}
#gauche > div > ul > li > a.cb:hover:before{	background-position: 0px -32px;}
#gauche > div > ul > li > a.cb:before{	 		background-position: 0px 0px;}
#gauche > div > ul > li > a.cbc:before{	 		background-position: 0px -16px;}
#gauche > div > ul > li > a.gb:before{	 		background-position: 0px -48px;}
#gauche > div > ul > li > a.expand:before{		background:none;!important;}
a.reset{	 background-position: -16px -32px;	 position:absolute;	 right:0;}
.hidden {	display:none;}


.i0{	pdding-left:0;}
.i1{	padding-left:8px;}
.i2{	padding-left:16px;}
.i3{	padding-left:24px;}
.i4{	padding-left:32px;}




/*****  TRI */
#order_by{font-family: "Dosis","Helvetica Neue","HelveticaNeue",Arial,sans-serif;
	text-align: right;
	
}
#order_by span{
	float:left;	
	left:6px;
	position: relative;
}
#order_by a:hover{
	text-decoration:underline;
}
#order_by a:visited{
	color:#00f;
}
#affi, #order_by{
	padding:3px 3px 3px 0px;
	font-size:13px;
	font-weight: 500;
	color:#555;
	margin-bottom: 10px;
	height:33px;
	line-height: 24px;
	/*border-top: 1px #D4D4D6 solid;*/
	border-bottom: 1px #D4D4D6 solid;
	
}




/***** BANDEAU ET ENTETE PAGE CATALOGUE ************/


#bandeau{
	position:relative;
	width:100%;
	/*border:1px #D4D4D6 solid;*/
	padding: 0 6px;
	display:table;
	
}





#img_marque{
  float: right;
  top: 3px;
  position: absolute;
  right: 3px;
  padding: 0 6px;
}
  
  


/***** BLOC PRODUIT sur page catalogue ************/

#bloc_prod img{
	-webkit-box-reflect: below 0 linear-gradient(transparent 73%,rgba(0,0,0,.3));
	  display: table-cell;
  margin: auto;
}
#bloc_prod > ul > li{
	list-style: none;
	min-height: 344px;
  width:33%;
    overflow: hidden;
  float: left;
  text-align: center;
  position:relative;
}


#bloc_prod > ul > li > a {
	 position: absolute; 
	 top: 0; 
	 left:0;
	font-size: 13px;
	color: #6D6E71;
    font-weight: normal;
	width:100%;
	text-align:left;
  }
#bloc_prod > ul > li > a > span {
  font-size: 0.9em;
    font-weight: 600;
	white-space:nowrap;
}
#bloc_prod > ul > li > a > span:after {
clear: both;
}

#bloc_prod > ul > li > a > div{
  text-align:left;
  margin:0;
  color: #999;
  text-shadow: 0 1px 1px rgba(35,35,303,0.1);
}

#bloc_prod > ul > li > a > div > span{
  font-size:0.8em;
}

.page_suivante {
float: left;
	width: 250px;
height: 325px;
margin: 1px;
display: table;
content: "454654";
line-height: 0;
	background-image:url( "/sites/DDP/img/catalogue/page_suivante.png");
}
.page_suivante:hover {
	background-image:url( "/sites/DDP/img/catalogue/page_suivante_hover.png");
}

.stock{
  position: absolute;
  right:12px;  bottom: 4px;
  -webkit-box-reflect:none !important;
  } 
  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   
   .stock{
  position: absolute;
  right:16px;
  top:185px;
  -webkit-box-reflect:none !important;
  }
}  
      
.code{
	height: 0px;
	border-bottom: 13px solid #f6f5f3;
    color: rgba(74, 55, 167, 0.61);
  padding: 0 6px 0 0;
  font-size: 10px;
  font-family: verdana;
  border-right: 18px solid rgba(255, 0, 0, 0);
  text-align: left;
  display: inline-block;
  padding-left: 5px;}







/*--------- page MANUFACTURER - collection ----------*/
#bloc_col > h2 {
	color:rgba(0,0,0,0.65);
}
#bloc_col > ul {
  display: inline-flex;
  width:100%;
list-style: none;
  margin: 0;
  padding: 0;
}
#bloc_col > ul > li{
	float:left;
	text-align: center;	
	min-height: 133px;
  	margin-right: 11px;
  	width: 15%;
}
#bloc_col > ul > li.cl{
	margin: 10px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
	border-right: 1px rgba(0,0,0,0.1) solid;
   min-height: 18px;
     white-space: nowrap;
   }

#bloc_col > ul > li.cl:last-child{
	border:none;
}
#bloc_col > ul > li > a{
	padding:0 5px;
	margin-bottom: 0px;
	font-size: 13px;
	color: rgba(0,0,0,0.45); 
	text-shadow: 0 1px 1px rgba(35,35,303,0.1);
}
#bloc_col > ul > li > a:hover{	
	text-decoration:underline;
	color:blue;
}
#bloc_col > ul > li > a > img{max-width: 92px; }
#bloc_col > ul > li > a > small{
		font-size: 10px;
	color: rgba(0,0,0,0.3);
}





#bloc_cat {display: table;}

#bloc_cat > div {
	width:49%;
	float:left;
	height: 230px;
	margin-right:8px;
}
#bloc_cat > div:nth-child(2n) {
	margin:0
}

#bloc_cat > div > ul {
	width:100%;	
	display: table;
    margin: 0 0 10px 0;
	padding:0;
	display: -moz-box;
	border-top:1px rgba(0,0,0,0.1) solid;
}
#bloc_cat > div > ul > li{
	padding: 6px 4px;
	display: inline-table;
	overflow: hidden;
	list-style: none;
	position:relative;
   font-size: 12px;
   width: 16%;
   max-width: 120px;
   color: rgba(0, 0, 0, 0.57);   
}

#bloc_cat > div > ul > li > a{
	max-width: 108px; 
	display: -moz-deck;
}


#bloc_cat img {max-width:108px;}

#bloc_cat > div > ul > li:last-child{
	margin:0;
}
#bloc_cat a{
	font-size: 12px;
  color: #6D6E71;
  font-weight: normal;
  text-align: left;
 
}
#bloc_cat h2{
	white-space:nowrap;
}
#bloc_cat > ul > li > a > img{
	margin:0 10px; 
}
#bloc_cat > div > a{
   height: 32px;
  display: block;
  padding: 3px;}

#bloc_cat > div > ul:before, #bloc_cat > div > div > ul:after{
	display: table-row;
	content: "";
	line-height: 0;
}











/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*															*/
/*															*/
/*			PAGE CATALOGUE PAR MARQUE					*/
/*															*/
/*															*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/* page marque image flottante - bloc entete */
.desc_marque{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	text-align: justify;
}

#collection{
	width:100%;
	margin:10px;
	font-weight:normal;
	display:none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*															*/
/*															*/
/*			PAGE CATALOGUE PAR CATEGORIE					*/
/*			PAGE COLLECTION 								*/
/*															*/
/*															*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/


#entete_description {
	margin: 8px 0px 8px 8px;	
	color: rgba(0, 0, 0, 0.5);
	text-align: left;
	font-size:12px;
	line-height: 15px;
	text-indent:20px;
	background-color:#fff;
	padding:6px;
	display:table;
	float:left;
	max-width:780px;
	
}
#entete_description > h1, #bl_ent > h1{	
	text-align: left;
  color: rgba(90, 73, 187, 0.76);
  font-size: 26px;
  margin-bottom: 8px;
  line-height: 30px;
}




#entete_description a{
	font-weight:normal;
	color: rgba(0, 0, 0, 0.5);
}
#entete_description b, #entete_description strong{
	font-weight:500;
}

#entete_description div{margin-bottom:6px;}
#entete_description img{
	max-width: 120px;
	float: right;  
	margin: 5px 2px 0px 6px;
}
#entete_description iframe{
	width: 144px;
	height:81px;
	float: right; 
	margin: 4px 2px 0px 6px;
	border:none;
	padding:0;
}
#entete_description p {
	overflow:hidden;
	font-size:10px;
	margin:0;
	padding:6px;
	display: initial;
	}
#entete_description p > img{
	width: 45px;
	height:45px;
	float: left;
    margin: -1px 6px -3px 0px; /*-3px remonte le text autour de l'img pour meilleur affichage  */
}
#entete_description strong{
	font-weight:normal;
	
}
#ent_medaille{
	width:80px;
	left:0;
	float:right; !important;
	
	
	margin: 3px 14px 6px 14px;
}



/* page marque image flottante - bloc entete */
#bl_ent{
	/* suppresion mai 2016 chgt de comportement css sur chrome et firefox
	margin: 0px 16px 8px 8px;	
	text-indent:20px;
	*/
	width: 935px;
	
	margin: 0 5px 8px 8px;
	color: rgba(0, 0, 0, 0.5);

	line-height: 15px;
		
	
	color: rgba(0,0,0,0.67);
	font-weight: 500;
	padding-top: 8px;
	
	font-size: 12px;
	float: left;
	text-align: justify;
	min-height: 360px;
 	 position: relative;
}
@-moz-document url-prefix() {   #entete{	padding-right:20px}   }

#bl_ent a{
	font-weight:normal;
	color: rgba(0, 0, 0, 0.5);
	}
#bl_ent b{
	font-weight:500;
}
#bl_ent ul{
	list-style:none;
}
#bl_ent li{
	float:left;
}

#bl_ent strong{
	font-weight:normal;
}

/*-- media de présentation, image ou vidéo --*/
.media{
	margin: 0 23px 16px 0;
	float: left;
	text-align: left;
  display: -webkit-box;
  width:432px;
  height:243px;
	}
.media img, .media iframe{	
	width:432px;
	height:243px
}
.media h1{
	  background-image: url("/sites/DDP/img/bg/titre.png");
  background-repeat: no-repeat;
  background-position: right top;
  font-size: 18px;
  position: absolute;
  height: 33px;
  line-height: 33px;
  padding: 0 20px 0 7px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  color: rgb(85, 85, 85);
}

/* vignettes produit */
.vignettes{
	position:relative;
	height:118px;
	background: url('/sites/DDP/img/collection/ornement.jpg') top 30px right 20px no-repeat;
	margin:60px 0 0 0;
	clear:both;
}
.decalage{
	margin-left:-2px;
}
.vig{
	position: absolute;
  left: -50%;
  top: -50%;
}







.tag1{}
.tag2{
	top:18px;
	left:-12px;
}
.image-cropper {
      position: relative;
  width: 88px;
  height: 86px;
  overflow: hidden;
  margin-left: 1px;
  margin-top: 1px;
}

.ent_bloc{
	z-index:2;
	height:100%;
	background-color:white;
	border:1px #F3F3F3 solid;
}
.ent_{
	position: relative;
	float:left;
	width:92px;
	height: 90px;
	text-align:center;
}
.ent_:before, .ent_:after 
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 5px;
width: 70%;
top: 80%;
max-width: 300px;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-5deg);    
-moz-transform: rotate(-5deg);   
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.ent_:after 
{
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
right: 4px;
left: auto;
}	


/*-------- RELATED KEYWORD ------------------*/
div#rkwd{
  margin: 0 10px;
  width: 300px;
  display:table;
}
div#rkwd > p{
  margin-bottom: 4px;
  padding:0;
}
div#rkwd > ul{
  float: left;
  text-align: left;
  padding:0;
  list-style: none;
  width:100%;
  
  }  
div#rkwd > ul > li{
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  float:left;
  min-width: 31%;
}
div#rkwd > ul > li:nth-child(3n){
	margin-right:0;
}
div#rkwd > ul > li:nth-child(3n+1)  {
 clear: left;
}


div#rkwd > ul > li > a{
	color: rgba(26, 63, 255, 0.91);
 	/* text-shadow: #fff 0px 1px 0, rgba(0, 0, 0, 0.16) 0 -1px 0;*/
}
div#rkwd > ul > li > small{
	font-size:9px;
	color:#aaa;
	margin-left:8px;
}





#categorie_pushup_product{
	margin:10px;
	text-align:center;
	clear:both;
}









/*------------- PRODUIT THUMB -------------------------------*/



.rem{
position: absolute;
top: 194px;
left: 33px;
}
.rem > div{
position: absolute;
height: 31px;
top: -10px;
}/*

verison avant décembre 2020


.rem{
position: absolute;
top: 180px;
left: 33px;
}


.rem > div{
position: absolute;
height: 36px;
top: -10px;
}

.rem > div:first-child {
	background-color: rgb(204 204 255 / 42%);
	width: 104px;
	left:-10px;
	top: -1px;
	z-index: 2;
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}*/
.rem > div:first-child {
	background-color: rgb(204 204 255 / 42%); /*rgba(204, 204, 255, 0.74);*/
	width: 54px;
	left:-10px;
	top: -1px;
	z-index: 2;
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
.rem > div:first-child,.rem > div:last-child{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}
.rem > div:nth-child(2){
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
	left: -10px;
	border-color: transparent #9999cc45 transparent transparent; /*transparent #99c transparent transparent;*/
	border-width: 10px 10px 0 0;
}
.rem > div:last-child{
	left: -30px;
	width: 30px;
	background-color: rgb(204 204 255 / 34%); /*rgba(204, 204, 255, 0.53);*/
	z-index: 0;
}
.rem > div > div{
	padding-left:2px;
	position:relative;
	font-size: 14px;
	color: #0000008f; /*black 2019 */;
	text-align:left;
}
.rem > div > div > span{
	  position: absolute;
  top: 0;
  left: 0;
}
.rem > div > div > span > hr{
   position: absolute;
   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.55);
	background-image: none;
	height: 1px;
	margin-left:2px;
	width: 40px;
	  top: -7px;
}
/*
avant dec 2020
.rem > div > div > div{
	text-align:right;
	font-size: 14px;
	font-weight:600;
	color:#eef5e9; 
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	position: absolute;
	top: 7px;
	right: 3px;
	background-color:rgb(14 245 14 / 77%); 
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:2px 4px 0px 2px;
}


.prix_init > hr {
   position: absolute;
   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.55);
	background-image: none;
	height: 1px;
	margin-left:2px;
	width: 40px;
	bottom: -8px;	
}
*/
/*
version décembre 2020 retirée 
.rem > div > div > div{
text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #fb2b9ee6;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    position: absolute;
    top: 4px;
    right: 6px;
    background-color: #71FD04;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 7px;
    padding: 5px 5px 2px 4px;
}
*/


.remi{
     text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #5ec70b;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(-10deg);
    position: absolute;
    top: 20px;
    left: 16px;
    background-color: #71fd046b;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 7px;
    padding: 5px 5px 2px 4px;
}



.prix_init {
	font-size: 1em !important;
	 margin-right:14px;
 
}

.prix_deduit {
	color:#666;
}
.prix_deduit_dec{ }

.prix_init > hr {
   position: absolute;
   transform:rotate(-12deg);
   -ms-transform:rotate(-12deg);
   -moz-transform:rotate(-12deg);
   -webkit-transform:rotate(-12deg);
   -o-transform:rotate(-12deg);
   background-color: #fb2b9ee6; /*#FE038E;*/
	background-image: none;
	height: 1px;
	margin-left:2px;
	width: 40px;
	bottom: -8px;	
}
.prix_init > span {
  font-size:18px;
  font-weight:bold;
}
.prix_init > span > span {
	font-size: 0.5em;
    position: relative;
    font-weight: normal;
    top: -0.75em;
}




.btn_tricat_actif {
	  padding: 8px 14px;
  z-index: 10;
 background: rgba(228, 228, 228, 0.2);
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px rgba(0, 0, 0, 0.13) solid;
  margin-right: 16px;
  color: rgba(0, 0, 0, 0.6);
	}

	
.btn_tricat  {
	padding: 8px 14px;
	z-index:10;
	background-color:transparent;
	-moz-border-radius:12px;
	border-radius: 12px;
    border: 1px rgba(0, 0, 0, 0.13) solid;
	margin-right:16px;
	color: rgba(0, 0, 0, 0.4);
}
.btn_tricat:hover {
	background: rgba(228, 228, 228, 0.1); /* Old browsers */  
	margin-right:16px;
	color: rgba(0, 0, 0, 0.6);
	}



.liv, .perso{
width: 150px;
height: 0px;
position: absolute;
top: 36px;
}
.perso{
border-bottom: 19px solid rgba(204, 204, 255, 0.25);
border-left: 19px solid rgba(255, 0, 0, 0);
border-right: 19px solid rgba(255, 0, 0, 0);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
  right: -30px;
  font-weight: 500;
  
    color: rgb(253, 253, 255);
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 9px rgb(134,56,233);
  font-size: 13px;
}
.liv{
border-bottom: 16px solid rgba(48, 48, 190, 0.25);
  border-left: 16px solid rgba(255, 0, 0, 0);
  border-right: 16px solid rgba(255,0,0,0);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -26px;
  color: rgb(253, 253, 255);
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 9px rgb(134,56,233);
  font-size: 13px;
}





/*---------------- derniers produtis vus ----------------*/
.historique_produit {
	text-align:center;
	display:table;
}
.historique_produit > a {
	text-align: center;
	padding:16px 0;
	position:relative;
	display:table;
	width:100%;
	border-top: 1px rgba(209, 209, 209, 0.46) solid;
	color:rgba(0,0,0,0.6);
	text-decoration:none;
}
.historique_produit > a:hover{
		color:#6A46C8; /*#7D6AFF; /*rgba(0,0,0,0.6);*/
	text-decoration:underline;
}

.historique_produit > h1{
	font-weight: bold;
    font-size: 16px;
    color: rgba(82, 82, 97, 0.93);
    margin: 0 0 0 16px;
    position: relative;	
}

.historique_produit > a > h2{
	margin: 0;
	padding: 0;
	font-size: 13px;	
}


.historique_produit > a > div{
font-size: 14px;
color: rgba(0,0,0,0.6);
position: absolute;
  bottom: 56px;
  right: 0px;
background-color: white;
padding: 3px 6px;
border: 1px rgba(209, 209, 209, 0.46) solid;
}





#recherche_similaire{
margin: 0 auto;
clear: both;
display: table;
/*border-bottom: 1px rgba(0, 0, 0, 0.08) solid;*/
padding: 10px;
}
#recherche_similaire div{
	width:100%;
	text-align:center;
	font-size: 15px;
	color: rgba(0,0,0,0.6);
	margin-bottom:8px;
}
#recherche_similaire ul{
	float:left;
	/*margin:0 10px 0 0 ;
	padding:0;
	min-width:26%;*/
	text-align: left;
}
#recherche_similaire li{
	list-style: none;
	text-indent:12px;
	margin:0;
	padding:0;
	font-size:12px;
	position:relative;
}
#recherche_similaire span{
	position:absolute;
	right:0;
	white-space: nowrap;
}




.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;
}









#sb {position:absolute;right: 1px;  bottom: -36px;/*right:2px;bottom:0;*/}
.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 */
}

.idea_search{
	font-size:14px;
	color:blue; /*#585858;*/
	margin-right:7px;
}