/***** Reset CSS / Mixins / boutons *****/
* { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
label, input[type=submit]{ cursor:pointer; }
input, textarea, select { vertical-align:middle; border:1px solid #a1a4b2; font-size:12px; color:#4b4b54;  font-family:arial; }
input[type=text], input[type=password]  { height:19px; line-height:19px; padding:0 10px; }
.invis { position:absolute; left:-9999px; }
.hide { text-indent: -9999px; text-transform:capitalize; }
.clear { clear:both; }
.underline { text-decoration:underline; }  
a { color:#4a4a53; text-decoration:none; }
/* Mixins */
.sprite (@pos_x:0, @pos_y:0) { background:url(images/sprite.png) @pos_x @pos_y;	display:block;	text-indent:-9999px; }
.text-shadow(@color : #fff) { text-shadow:1px 1px 1px @color; }
.border-radius (@radius: 5px) { -webkit-border-radius: @radius;	-moz-border-radius:@radius;	border-radius:@radius; }	
.opacity (@opacity: 0.8) {	-webkit-opacity:@opacity; -moz-opacity:@opacity; opacity:@opacity;}	
.rotation (@degre) {	-moz-transform:rotate(@degre); -webkit-transform:rotate(@degre); 	-o-transform:rotate(@degre); -ms-transform: rotate(@degre);}	
.vertical-gradient (@startColor: #faf9f7, @endColor: #efedef) { 	background-color: @startColor;	background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor));	background-image: -webkit-linear-gradient(top, @startColor, @endColor);	background-image: -moz-linear-gradient(top, @startColor, @endColor);	background-image: -ms-linear-gradient(top, @startColor, @endColor);	background-image: -o-linear-gradient(top, @startColor, @endColor);}	
.transition (@transition) {	-webkit-transition: @transition;  	-moz-transition:    @transition;	-ms-transition:     @transition; 	-o-transition:      @transition;  }
/* boutons */
.btn_noir { text-align:center; 	a, input { color:#fff; font-size:10px; background:#4b4b54; border:0; .border-radius; padding:2px 13px; display:inline; &:hover { background:#b1b4c1; } }}
.btn_rose_fleche, .btn_gris_fleche, .btn_bleu_fleche  { overflow:hidden;	a, input { color:#fff; font-size:10px; height:31px; line-height:33px; float:left; border:0; .border-radius(3px);  padding:0 22px 0 7px;  }}
.btn_rose_fleche { 	a, input {  background:url(images/btn_sprite.png) no-repeat right 0; &:hover { background:url(images/btn_sprite.png) no-repeat right -93px;color:#fff; } }}
.btn_gris_fleche { a, input { background:url(images/btn_sprite.png) no-repeat right -62px; &:hover { background:url(images/btn_sprite.png) no-repeat right -93px; color:#fff; } }}
.btn_gris_fleche { a, input { background:url(images/btn_sprite.png) no-repeat right -62px; &:hover { background:url(images/btn_sprite.png) no-repeat right -93px; color:#fff; } }}
.btn_bleu_fleche { 	a, input { background:url(images/btn_sprite.png) no-repeat right -124px; &:hover { background:url(images/btn_sprite.png) no-repeat right -62px; color:#fff; } }}
.btn_gris_fleche_gauche { overflow:hidden;	a, input { color:#fff; font-size:10px; height:31px; line-height:33px; float:left; border:0; .border-radius(3px);  padding:0 7px 0 22px;  } }
.btn_gris_fleche_gauche { a, input { background:url(images/btn_sprite.png) no-repeat left -155px; &:hover { background:url(images/btn_sprite.png) no-repeat left -186px; color:#fff; } }}
/* tooltip */
.dl_tooltip {  width: 22px; height: 22px; text-indent:0;  display:block; cursor:help; position:relative; margin:0 auto;	z-index:99; text-indent:1;
	.bubulle {	position: relative;	background: #4a4a53; color:#fff; font-size:11px; text-indent:0;	border: 1px solid #4a4a53; padding:4px 8px; position:absolute; width:150px; bottom:30px; left:-7px;  .border-radius(5px); .opacity(0); visibility:hidden;
		&:after, &:before {	top: 100%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;}
		&:after {	border-color: rgba(255, 255, 255, 0);	border-top-color: #4a4a53;	border-width:8px;	left:10px;	}	
	}
	&:hover .bubulle {.opacity(1); visibility:visible;-webkit-transition: opacity 0.3s ease-in-out;  -moz-transition: opacity 0.3s ease-in-out;  -ms-transition: opacity 0.3s ease-in-out;  -o-transition: opacity 0.3s ease-in-out;  transition: opacity 0.3s ease-in-out; }
}
	 


 

/*********************[CONTENU]****************************/ 

	/*****[STYLES COMMUNS / MIXINS ]*****/	

	/*CyberCite*/
	li.listcyber div.bloc_prod_240_436 { width:305px;

	}
	h1.cch1
	{
	 color: #228DB9;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 7px;
    text-transform: uppercase;
	}
	h2.cch2  
	{

    margin-bottom: 10px;
	}
		/* fin CyberCite*/
/* bloc produit 240X436 */
.bloc_prod_240_436 { width:225px; height:375px; border:1px solid #c9c9c9; padding:4px 6px; position:relative;
	.visuel { position:relative; text-align:center; margin-bottom:10px;
		img { max-width:225px;max-height:225px; }
		.ombre { background:url(images/bloc_ombre.png) repeat-x; width:100%; height:6px; position:absolute; left:-6px; width:237px; bottom:0; }
}


	.titre { font-size:14px; height:33px; margin-bottom:6px; overflow:hidden; line-height:1.1; }
	.coloris { overflow:hidden; height:40px;   a { float:left; margin:0 4px 4px 0; height:14px; } img { width:14px; height:19px; }}	
	.taille { font-size:11px; height:18px; }
	.dispo { font-size:10px; height:11px;  .enstock { color:#59a62a; } .rupture { color:#ff0000; } }
	.note { float:left; margin-top:3px; }
	.prix { float:right; 
		p { font-size:18px; font-weight:bold; color:#fff; background:#228DB9; float:left; height:25px; line-height:25px; .border-radius; padding:0 5px; margin-left:11px;}
		del { float:left; font-size:12px; line-height:26px; height:25px; }
	}
	.etiquette_promo { .sprite(0, -345px); width:58px; position:absolute; top:-11px; left:3px; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:18px; font-weight:bold; } 
	.etiquette_nouveaute { .sprite(0, -503px); width:88px; position:absolute; top:-11px; left:3px; color:#fff; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:14px; font-weight:bold; } 
	.list_infos { position:absolute; top:211px; left:0px;
		li { float:left; margin-left:2px; width:30px; height:22px; background:url(images/bloc_pictos_bg.png) no-repeat; }
		.decoupe { .sprite(0, -50px); width: 22px; height: 16px; margin-top:3px; }
		.surmesure { .sprite(1px, -104px); width:22px; height: 16px; margin-top:3px;   }  
		.france { .sprite(2px, 3px); width:22px; height: 16px; margin-top:3px;  }  
	}	
	&:hover { border:1px solid #4a4a53; }	
}
.bloc_cache .etiquette_promo { .sprite(0, -345px); width:58px; position:absolute; top:-11px; left:3px; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:18px; font-weight:bold;z-index:9999;} 

.bloc_prod_194_328 { width:182px; height:270px; border:1px solid #c9c9c9; padding:4px 6px; position:relative;
	.visuel { position:relative; text-align:center; margin-bottom:10px;
		img { height:183px; }	
	}
	.titre_h5 { font-size:12px; height:35px; }
	.titre { font-size:14px; height:33px; margin-bottom:6px; overflow:hidden; line-height:1.1; }	
	.etiquette_promo { .sprite(0, -345px); width:58px; position:absolute; top:-11px; left:3px; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:18px; font-weight:bold; } 
	.etiquette_nouveaute { .sprite(0, -503px); width:88px; position:absolute; top:-11px; left:3px; color:#fff; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:14px; font-weight:bold; } 
	.col_prix { float:left; width:70px; text-align:right; 
		del { font-size:11px; height:16px; display:block; line-height:20px;}
		span { font-size:15px; color:#228DB9; font-weight:bold;}
	}
	.add { float:right; 
		.btn { float:right; width:84px; height:32px; line-height:1.2; padding:3px 7px 0 7px; background:#228DB9; .border-radius(3px); font-size:12px; font-weight:bold; color:#fff; cursor:pointer; &:hover { background:#2394c2; }}
		.picto { .sprite(0, -813px); width: 18px; height: 16px; float:left; margin:6px 7px 0 0;  }			
	}		
	&:hover { border:1px solid #4a4a53; }	
}
.bloc_prod_126_233 { width:104px; height:225px; border:1px solid #c9c9c9; padding:4px 6px; position:relative;
	.visuel { position:relative; text-align:center; margin-bottom:10px;
		img { height:103px; }	
	}
	.titre { font-size:11px; height:37px; margin-bottom:6px; overflow:hidden; line-height:1.1; }		
	 .titre_h5_min { font-size:10px; font-weight:bold;height:51px; }
	.etiquette_promo { .sprite(0, -427px); width:55px; position:absolute; top:-11px; left:3px; padding-right:7px; height:36px; line-height:36px; text-indent:0; text-align:center; font-size:15px; font-weight:bold; } 
	.etiquette_nouveaute { .sprite(0, -503px); width:88px; position:absolute; top:-11px; left:3px; color:#fff; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:14px; font-weight:bold; } 
	.prix { 
		del { font-size:10px; height:25px; display:block; line-height:25px; float:left;}
		span { font-size:15px; font-weight:bold; color:#fff; background:#228DB9; float:right; height:25px; line-height:25px; .border-radius; padding:0 2px; margin-left:0;}
	}
	.hover { position:absolute; top:0; left:0; width:116px; height:233px; background:#a1a4b2; display:none;
		.desc_tronque { font-size:12px; padding:10px;}
		.add {margin:10px auto 0; width:98px;
			.btn { display:block; width:84px; height:32px; line-height:1.2; padding:3px 7px 0 7px; background:#228DB9; .border-radius(3px); font-size:12px; font-weight:bold; color:#fff; cursor:pointer; &:hover { background:#2394c2; }}
			.picto { .sprite(0, -813px); width: 18px; height: 16px; float:left; margin:6px 7px 0 0;  }			
		}		
	}
	&:hover { border:1px solid #4a4a53; .hover { display:block; }}	
}
	
	
	/*****[HOME]*****/	
#home_slider { width:729px; height:338px; position:relative; float:left; overflow:hidden; margin-bottom:10px;
	li { height:338px; float:left; position:relative; }
	img { width:729px; height:338px; }
	#prev_slide, #next_slide { position:absolute; top:164px; width:0; height:0;    border:10px solid transparent; text-indent:-9999px; }
	#prev_slide {  left:0;  border-right:15px solid #fff; &:hover { border-right:15px solid #4a4a53; }} 
	#next_slide { right:0;	 border-left:15px solid #fff; &:hover { border-left:15px solid #4a4a53; }	}
	#pager { text-align:center; width:729px; top:329px; position:absolute; top:320px; left:0;
		a { display:inline-block; width:10px; height:10px; background:#ffffff; text-indent:-9999px; margin:0 3px; .border-radius(10px);}
		.selected { background:#4a4a53;}
	}
}
.home_suremsure { float:right; }	
#home_produits { padding:20px 0 5px;
	.titre_rub { font-size:15px; font-weight:normal; text-transform:uppercase;  }
	> ul { overflow:hidden; padding-top:20px;}
	ul > li { float:left; margin-left:5px; &:first-child { margin-left:0; }}
	.all  { padding:7px 0 7px; overflow:hidden; position:relative; margin-right:5px; text-transform:uppercase;
		a { float:right; position:relative; z-index:2; }
		span { height:1px; background:#4a4a53; float:left; width:100%; position:absolute; top:23px; left:0;}
	}
}

	/*****[LISTE]*****/
#listing { overflow:hidden; padding-bottom:10px;
	#header_liste { font-size:13px; color:#4a4a53; padding-bottom:20px;
		h1 { font-size:18px; color:#228DB9; font-weight:normal; text-transform:uppercase; padding-bottom:7px;}
		img { width:973px; margin-bottom:15px; }
	}
	.pagination_bas { clear:both; padding-top:25px;
		.nbr_prod { display:none;}
	}
	.liste_pagination { overflow:hidden; font-size:12px; padding:1px 0 15px; 
		.nbr_prod { float:left;	span { color:#228DB9; font-weight:bold; } }
                h2.nbr_prod { font-size:10px; font-weight:inherit;}
		.pagination { float:right; 
			a { margin:0 3px; &:hover { color:#228DB9;} }
			.current { color:#228DB9; font-weight:bold; margin:0 3px;}			
		}
		.barre { padding:0 12px; }
		.par_page { float:right;
			select { width:50px; text-align:center; font-size:12px; position:relative; top:-1px; margin-right:5px;}				
		}	
	}		
	#filtres { border:1px solid #c9c9c9; background:#e8e9ef; padding:10px; width:196px; float:left; font-size:12px; margin-right:22px;
		.bloc_criteres { border-bottom:1px solid #a1a4b2; padding:12px 0 10px;
			.titre_bloc {  color:#228DB9; text-transform:uppercase; padding-bottom:8px;}
			li {padding:3px 0;}
			li a { background:url(images/check.png) no-repeat; padding-left:22px; &:hover { .underline; } }
			.select a {  background:url(images/check_ok.png) no-repeat;  }
            ul.inline_list {
              li { display:inline;
                a { padding-left: 17px; margin-left: 2px; }
                img { margin-bottom: -5px; margin-top: 11px; border:1px solid #ffffff; }

              }
            }
        }
	}
	#content_liste { overflow:hidden; padding-top:10px;
		#listing_prod { 
			li { float:left; margin:0 5px 19px 0; }
                        div.titre { font-weight:bold;}
		}
	}
}
/* SUR MESURE */
#sm_landing { min-height:600px;
	#banniere { background:url(images/surmesure_landing_bg.jpg) no-repeat; width:973px; height:141px; color:#46a5b8; font-family:"TIMES NEW ROMAN", arial, sans-serif; position:relative; margin-bottom:20px;
		h1 { text-align:center; letter-spacing:1px; padding-top:17px; font-size:25px;  strong {  display:block; color:#228DB9; } }
		p { position:absolute; top:99px; left:254px; font-size:21px; strong {  color:#228DB9; } }
	}
	ul { overflow:hidden;
		li { float:left; height:380px;position:relative; border:1px solid #c9c9c9; padding:4px; margin-left:10px; &:first-child { margin-left:0; } }
		h2 { position:absolute; top:306px; left:0; width:100%; text-align:center;
			span { background: none repeat scroll 0 0 #46A5B8;border-radius: 5px;color: #FFFFFF;display: block;font-size: 15px;margin: 0 auto;padding: 7px 8px;width: 239px; }
		}	
		a:hover span {   .transition(all 0.4s ease 0s); background:#4a4a53; }
	}
}

#tunnel_surmesure { width:973px; height:141px; margin-bottom:20px; background:url(images/tunnels_surmesure_bg.jpg) no-repeat; font-family:"TIMES NEW ROMAN", arial, sans-serif; position:relative;
	h1.titre a{color:#FFFFFF}
	.titre { color: #FFFFFF !important;font-family: arial;font-size: 21px;font-style: italic;font-weight: bold;left: 17px;line-height: 1.1;position: absolute;top: 60px;width: 260px;
      span { color: #FFFFFF;font-family: arial;font-size: 23px;font-style: normal;font-weight: normal;margin-left: 6px;padding-top: 15px;}
      a{color:#FFF;}
    }
	ol { padding-left:248px; }
	li { float: left;font-size: 18px;height: 141px;line-height: 250px;margin: 0 15px;text-align: center;width: 310px;}
	.end { margin-left: 37px;margin-right: 0;width: 340px; }
	.actif { color:#228DB9; }
}
#tunnel_surmesure.step02_peignoir { background:url('images/tunnels_surmesure_bg.jpg') }
#listing.sm { overflow:visible; }
#col_step01 { margin-left:238px; width:734px;
	#sm_search { font-size:12px; overflow:hidden; margin:0 2px 15px;
		label { float:left; }
		input { float:right; }
		input[type=text] { width:140px; color:#a1a4b2; font-size:11px;}
		input[type=submit] { font-size:10px; color:#fff; font-weight:bold; background:#4a4a53; height:21px; .border-radius(3px); margin-left:5px; border:0; padding:0 9px; &:hover { background:#228DB9; }}		
	}
	
	#liste_sm li { float:left; margin:7px 3px; position:relative;}	
}	
.bloc_sm { width:175px; padding:3px 0; border:1px solid #c9c9c9; text-align:center; position:relative; line-height:0; cursor:pointer;
	img { max-height: 175px; max-width: 175px; }
	.txt_apercu { display:none; position:absolute; top:50%; left:0; width:100%;  margin-top:-12px; font-size:14px; font-weight:bold; overflow:hidden;  text-align:center; cursor:pointer;
		.btn { background:#228DB9; color:#fff;   line-height:24px; height:25px; padding:0 6px 0 4px; .border-radius(3px);  display: inline-block;}
		.picto { .sprite(0, -2017px); width:17px; height:17px; float:left; margin:4px 5px 0 0; }
	}
	.etiquette_promo { .sprite(0, -427px); width:55px; position:absolute; top:-10px; left:3px; padding-right:7px; height:36px; line-height:36px; text-indent:0; text-align:center; font-size:15px; font-weight:bold; } 
	&:hover { border:1px solid #4a4a53; .txt_apercu { display:block; }}
}
.sm_desc { font-size:12px; padding-bottom:15px;}
.bloc_cache {  border:3px solid #4a4a53; background:#f8f2ed; padding:8px;  position:absolute; top:50%; left:50%; width:356px; margin-left:-178px; z-index:10;  color:#4b4b54;
	.close_bloc { width:20px; height:20px; cursor:pointer; .sprite(-1px, -2117px); position:absolute; top:-12px; right:-9px; z-index:2; }
	.pop_image { float:left; }
	.pop_desc {  margin-left:170px; position:relative; height:227px;
		.titre { font-size:13px; font-weight:bold;  padding:3px 0; line-height:1.2;}
		.ref { border-bottom:1px dashed #a1a4b2; font-size:11px; padding:0 0 7px; margin-bottom:7px; }
		.div.perso_desc {  border-top: 1px dashed #a1a4b2;margin: 10px 0 0;padding: 10px 0 0;}
		.pop_couleur  {   margin-bottom:10px; padding-bottom:6px; .titre { padding:0; } }		
		.pop_prix { font-size:12px;   border-bottom:1px dashed #a1a4b2;  margin-bottom:12px; padding-bottom:10px; font-weight:bold; 
			span { font-size:16px; color:#228DB9; padding-left:10px; }
			del { font-size:12px; display:block; text-align:right;  font-weight:normal; padding-right:15px;}
		}
		.voir { overflow:hidden; 	a { background:#228DB9; color:#fff;   line-height:24px; height:25px; padding:0 8px; .border-radius(3px); float:right; font-size:16px; font-weight:bold;}}		
		.pop_zoom { position: absolute; bottom:0; left: 0;	.picto { width: 25px; height:25px; .sprite(0, -2058px); cursor:pointer; }	
			img { position:absolute; bottom:22px; left:-140px;  z-index:3; display:none; border:3px solid #4a4a53; }
			&:hover img { display:block;  }
		}
	}
	.perso_desc { font-size:12px;}
}

.sm_layout { 
	#col_gauche { width:560px; float:left; }	
	#col_droite { float:right;   position:relative; padding:33px 0 40px; width:383px;
		.intro { color:#228DB9; font-size:13px; text-transform:uppercase; }
		.nom { font-size:13px;  }
		.ref { font-size:11px;   }
		#tissu_xl { text-align:center; border:1px solid #a1a4b2; padding:6px 0;	position:relative;	margin-top:10px;
			#prod_image_z .zoomWindow {left:-140% !important;}
			.details a {  background:#a1a4b2; color:#fff; position:absolute; right:15px; bottom:10px; z-index:100; font-size:13px; font-weight:bold; padding:5px 10px; }
		}
		#autres_coloris {  padding-top:15px; 
			.titre { text-align:center; font-size:12px;  color:#fff; background:#4b4b54; height:20px; line-height:20px; }
			ul.thumbs { overflow:hidden; padding-top:10px; width:380px; margin:0 auto 60px; }
			ul.thumbs li { float:left; margin:0 5px 10px 0; text-align:center; cursor:pointer;}
            ul.thumbs li .image { border:1px solid #a1a4b2;  width:88px; padding:1px 0; line-height:0;}
			ul.thumbs li .image img { width:76px; height:106px; }			
			ul.thumbs li p.att_valeur{color: #59453B;font-size: 10px;font-weight: bold;margin-top: 3px; height:12px; line-height:12px; overflow:hidden;text-align:center; }
			ul.thumbs li.actif .image  { border:1px solid #228DB9;   }			
		}		
		.recap_dimension { position:relative;  border:1px solid #a1a4b2; border-bottom:1px dotted #4a4a53; margin-top:7px; height:69px;
			.titre {  font-size:12px; text-transform:uppercase; padding-bottom:4px; }
			.taille {  font-weight:bold; font-size:18px;}
			.largeur, .hauteur  { width:190px;text-align:center;  float:left; margin-top:15px; }
			.deco_x { font-size:24px; top:29px; left:188px; position:absolute; }
		}
		.recap_qte { border:1px solid #a1a4b2; border-top:0; height:38px; line-height:38px; text-align:center; font-size:14px; span  { font-size:16px;  } }		
		div.recap_oeillet { display:none; .image { border:1px solid #a1a4b2; text-align:center; padding:7px 0; text-align:center; margin: 7px 0 17px;  } }
	}	
	.titre_step { font-size:18px; color:#228DB9; font-weight:normal; text-transform:uppercase; }		
}

#surmesure_etape2 {	
	#bloc_dimension_surmesure { 
		.bloc { border:1px solid #a1a4b2; margin:10px 0 15px; line-height:59px; font-size:13px; padding:0 10px;margin-bottom:30px;}
        .bloc.rougePeignooire{border: 1px solid red !important;}
        #list_att { overflow:hidden;
          li { float:left; background:#5eafbf; margin:5px; height:27px; line-height:27px; color:#fff; font-size:14px; font-weight:bold; .border-radius(4px); padding:0 13px; }
          li:hover{cursor:pointer;}
          .active { background:#228DB9; }
        }
	}

    #bloc_qte_surmesure .titre_step {float: left;}
	#bloc_qte { font-size:13px; margin-bottom:10px;
		select {  width:55px; text-align:center;  border:1px solid #aaa; margin:0 5px; color:#228DB9; font-size:14px;}
	}
    #autres_coloris {  padding-top:15px;
         .titre { color: #228DB9;font-size: 18px; font-weight: normal; text-transform: uppercase; }
         .bloc_qte { border:1px solid #a1a4b2; margin:10px 0 15px; line-height:59px; font-size:13px; padding:0 10px;margin-bottom:30px;}
         ul.thumbs { overflow:hidden; width:380px;margin:5px; }
         ul.thumbs li { float:left; margin:0 5px 10px 0; text-align:center; cursor:pointer;}
         ul.thumbs li .image { border:1px solid #a1a4b2;  width:88px; padding:1px 0; line-height:0;}
         ul.thumbs li .image img { width:76px; height:106px; }
         ul.thumbs li p.att_valeur{color: #59453B;font-size: 10px;font-weight: bold;margin-top: 3px; height:12px; line-height:12px; overflow:hidden;text-align:center; }
         ul.thumbs li.actif .image  { border:1px solid #228DB9;   }
     }
  .prixaumetre { font-size:13px; padding-bottom:10px; del { padding-right:5px; } span { color:#228DB9; } }
	#bloc_estimation_surmesure { border:1px solid #a1a4b2; overflow:hidden; padding:10px 12px;
		.txt { font-size:16px;  padding-top:2px; float:left; span { font-size:13px; display:block; } }
		.prix { float:right; text-align:right; 
			#choix_px_tot { font-size:20px; color:#228DB9; }
			#prix_barre { text-decoration:line-through; font-size:12px;}		
		}
	}	
	.step2_action { overflow:hidden; padding:20px 0;
		.btn_gris_fleche_gauche { float:left; font-weight:bold; text-transform:uppercase; margin-top:0;}
		.valider a { float:right; height:45px; line-height:45px; padding:0 14px; color:#fff; background:#228DB9; color:#fff; .border-radius; font-size:16px; font-weight:bold; text-transform:uppercase; &:hover { background:#4B4B54; }
			span {  width:0; height:0; margin-top:12px;   border:10px solid transparent;  border-left:10px solid #fff; float:left;}
		}
	}	
}		
#surmesure_etape3 {
  .step2_action { overflow:hidden; padding:20px 0;
    .btn_gris_fleche_gauche { float:left; font-weight:bold; text-transform:uppercase; margin-top:0;}
    .valider a { float:right; height:45px; line-height:45px; padding:0 14px; color:#fff; background:#228DB9; color:#fff; .border-radius; font-size:16px; font-weight:bold; text-transform:uppercase; &:hover { background:#4B4B54; }
      span {  width:0; height:0; margin-top:12px;   border:10px solid transparent;  border-left:10px solid #fff; float:left;}
    }
  }
  .couleur_fil {
    border: 1px solid #000;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 25px;
   }
  .couleur_fil.selected{width:23px;height:23px;border:2px solid #228DB9;}
  .contenu_finition { border:1px solid #a1a4b2; margin:10px 0 15px;  padding:9px;
        .compteur {
          color: #228DB9;
          display: inline;
          font-size: 10px;
        }
        .contenu_finition input[type="text"] {
          color: #228DB9;
        }
		#list_finition { 
			li { float:left; margin:5px; height: 211px;width: 135px; border:1px solid #a1a4b2; cursor:pointer; position:relative;
				.details  { text-align: center; width: 100%; z-index: 10;
					span {  border-radius: 5px; color: #228DB9; font-size: 13px; font-weight: bold; padding: 5px 10px;  }
				}
				&:hover { border:1px solid #228DB9; .details { display:block; }} 			
			}
            li.selected{border:2px solid #228DB9;margin:4px;
              &:hover{border:2px solid #228DB9;}
            }
            li.noserviette7{ height: 140px; width: 150px;}
			.bloc_cache2 { display:none; border:3px solid #4a4a53; background:#f8f2ed; padding:8px; position:absolute; top:50%; left:50%; width:325px; margin-left:-162px; z-index:10;
				.close_bloc { width:20px; height:20px; cursor:pointer; .sprite(-1px, -2117px); position:absolute; top:-12px; right:-9px; z-index:2; }
				.pop_image { text-align:center; }
				.titre { text-align:center; font-weight:bold; font-size:14px; padding:5px 0 15px; }
				.voir { text-align:center; padding-bottom:10px; span { background:#228DB9; .border-radius; color:#fff; padding:5px 10px; font-size:13px; font-weight:bold; }}
			}	
		}
	}
	
	#bloc_recap { margin-top:15px;text-align: center;
		.btn_gris_fleche { text-transform:uppercase; font-weight:bold; }
		.recap_step { min-height: 400px;padding:5px;  border:1px solid #a1a4b2; margin-bottom:15px; overflow:hidden; font-size:13px;
			h2 { overflow:hidden; line-height:27px; font-size:18px; margin-bottom:5px; font-weight:normal; text-transform:uppercase; color:#228DB9; span { color:#fff; width:30px; height:31px; margin-right:5px; float:left; .sprite(0, -2161px); text-indent:10px;  } }
		}
		#recap_tissu { padding:10px 0;position:relative;
			.image_recap img{ border: 1px solid #C9C9C9;line-height: 0;margin: 0 10px; padding: 3px; width:65px; }
            #list_att { overflow:hidden;
              li { float:left; background:#5eafbf; height:27px; line-height:27px; color:#fff; font-size:14px; font-weight:bold; .border-radius(4px); padding:0 13px; }
              li:hover{cursor:pointer;}
              .active { background:#D60A56; }
            }
            /*.option_de_personnalisation{
                .texte {color: #228DB9;float: left;margin-top: 30px;padding-left: 10px; margin-right:10px; .texte_a_broder { margin-bottom: 6px;} }
                .couleur { float: left;  margin-top: 53px;
                  .texte_bleu_gauche_span{float:left;color:#228DB9}
                    .couleur_2_lignes { float: left; margin: 0 12px; text-align: center;
                        .carre_couleur { display: block; height: 25px; margin: 0 auto; width: 25px; }
                    }
                }
                .emplacement { float: left; margin-left: 30px; margin-top: 6px;
                  img {display: block; width: 60px; }
                  span { color: #228DB9; }
                }
                .emplacement.emplacement7 { img { width: 100px; }}
                .emplacement.emplacement7serv { }
            }*/
			.produit_nom_marron { padding:10px 30px 15px 0; }
			.qte_emb { font-size:13px;  select { width:55px; text-align:center;  border:1px solid #aaa; margin:0 5px; color:#f0027e; font-size:12px; position:relative; top:-2px;} }			
		}
		#recap_dimensions { padding-bottom:10px;
			.dimensions { width:320px; float:left; padding:2px 0 0 10px;}
		}		
		#recap_finitions {
			.phraseFinitionRecapPerso { width:320px; float:left; padding:0 10px; line-height:41px;
				.apercu { float:left; margin-right:5px; img { width:140px; height:41px; } }
			}		
			.btn_gris_fleche { margin-top:14px; }
		}

		#recap_embrasses {		
			.image_recap { margin:0 15px 0 40px; line-height:0; border:1px solid #c9c9c9; padding:3px; float:left; img { width:65px; } }
			.produit_nom_marron { padding:10px 30px 25px 0; }
			.qte_emb { font-size:13px;  
				select { width:55px; text-align:center;  border:1px solid #aaa; margin:0 5px; color:#f0027e; font-size:12px; position:relative; top:-2px;} 
				.prix { color:#f0027e; font-size:20px; position:relative;
					del { text-decoration:none; background:url(images/prix_barre.png) center center; color:#4b4b54; font-size:12px; position:absolute; top:-16px; left:0; }
				}
			}		
		}
		#recap_total { overflow:hidden;
			ul { float:right; border:1px solid #575760; width:380px; }
			li { overflow:hidden; padding:5px 10px 5px 0;}
			.lib {float:left; font-weight:bold; font-size:13px; padding:0 10px; }
			.prix { float:right; font-size:16px; color:#228DB9; text-align:right; del { font-size:12px; color:#4b4b54;  display:block; } }
			.total { color:#fff; background:#228DB9;
				.prix { color:#fff; }
				del { font-size:12px; color:#fff; display:block;text-align: right;}
				#choix_px_tot{text-align:right;}
			}
		}		
		.dispo { font-size:10px; text-align:left; padding-bottom:10px; margin:5px 0 10px 177px;
				.enstock { color:#59a62a; .sprite(0, -866px); text-indent:15px; display:inline-block;} 
				.rupture { color:#ff0000; } 
				.delai { font-size:11px;display:block; padding-top:2px;}
			}	
	}
	.step3_action { overflow:hidden; padding:0 0 20px;
		.btn_gris_fleche_gauche { float:left; font-weight:bold; text-transform:uppercase; margin-top:0;}
		.add_panier a { float:right; height:35px; line-height:35px; padding:0 14px 0 7px; background:#228DB9; .border-radius(3px); font-size:16px; font-weight:bold; color:#fff; cursor:pointer; &:hover { background:#4b4b54; }
			span { .sprite(0, -813px); width: 18px; height: 16px; float:left; margin:9px 7px 0 0;  }			
		}
	}
}	

/* surmesure tringle + vitro */
#surmesure_other {
	.col_left { float:left; width:475px;}
	.col_right { float:right; width:475px; padding-top:6px;}
	.titre_step { font-size:18px; color:#228DB9; font-weight:normal; text-transform:uppercase; }		
	.blocmf { border:1px solid #a1a4b2; font-size:13px; margin:8px 0 15px; position:relative; }
	h1, .styleh1 { color:#228DB9; font-weight:normal; font-size:13px; text-transform:uppercase;}
	h1 { padding-bottom:15px; }	
	#bloc_couleur { padding:10px 17px; overflow:hidden;
		.visuel { float:left; margin-right:15px; cursor:pointer; }
		.nom { font-weight:bold; }
		.txt_color { color:#228DB9;  padding:10px 0 5px;}
		.palette { float:left; margin-right:7px; cursor:pointer; }
		#receptcolorperso { line-height:29px; font-weight:bold; }
		.unecouleur { display:inline; }
	}	
	#bloc_dimension { padding:17px;
		label { text-transform:uppercase; padding:5px 10px 0 0; float:left; }
		input { width:27px; height:26px; line-height:26px; border:1px solid #aaa; margin-right:5px; text-align:center; color:#f0027e; font-size:15px; }
		.txtmini { font-size:11px; clear:both; padding:10px 0;}
		.message_ko { padding:0; }		
	}	
	#bloc_dimension.dimensionother {
		.dimension { position:relative;  }	
		.dimension p.titre { font-size:12px; text-transform:uppercase; padding-bottom:4px; }
		.dimension p.input  { width:120px; }
		.dimension p.input input, .dimension p.input select { width:25px; height:26px; line-height:26px; border:1px solid #aaa; text-align:center; color:#f0027e; font-size:15px;}
		.dimension p.input select { width:75px; margin-right:5px; }
		.dimension div.largeur, .dimension div.hauteur  { width:90px; }
		.dimension div.hauteur { position:absolute; top:0; left:150px; }
		.dimension div.deco_x { font-size:24px; font-weight:bold;  top:16px; left:120px; position:absolute; }
		.txt_hauteur, .txt_largeur { font-size:12px; }
		.txt_hauteur span, .txt_largeur span { font-style:italic; display:block; }
		.txt_precisions_hauteur, .txt_precisions_largeur { position:absolute; display:none; width:265px; top:80px; left:23px; font-size:12px;}
		.txt_precisions_hauteur span, .txt_precisions_largeur span { font-style:italic; display:block; }
		.txt_hauteur { width:84px; position:absolute; top:14px; left:469px; }
		.txt_largeur { width:195px; position:absolute; top:185px; left:353px; }
		.dimension_text { font-size:12px; position:absolute;  top: 140px; left:21px; width: 300px; font-size:11px;}
		.txtmini {    left: 250px;    position: absolute;    top: 7px;	}
		.message_ko { margin-top:15px;}
	}
	#bloc_prix {
		.blocmf { padding:15px 10px; }
		select {  width:55px; text-align:center;  border:1px solid #aaa; margin:0 5px; color:#f0027e; font-size:14px;}	
	}	
	#bloc_visuel { text-align:center; padding:46px 0; position:relative; margin-bottom:10px;
		.dimension { color:#d20202; font-size:14px; font-weight:bold; position:absolute; top:200px; left:0; width:100%;}
		.dimension.vitro { top:260px; }		
		.largeur { color:#d20202; font-size:14px; font-weight:bold; position:absolute; top:150px; text-align:left; left:8px; }				
	}
	.dispo { font-size:10px; padding-bottom:10px; text-transform:uppercase;
		.enstock { color:#59a62a; .sprite(0, -866px); text-indent:15px; display:inline-block;} 		
	}
	#produit_prix { height:43px; background:#228DB9; line-height:43px; color:#fff; font-weight:bold; padding:0 15px; overflow:hidden;
		.lib { float:left; font-size:13px; }
		#choix_px_tot { float:right; del { font-weihgt:normal; font-size:11px; margin-right:10px; }}
	}

	.perso_action {  padding:30px 0 20px; height:35px; position:relative; clear:both;
		.btn_gris_fleche_gauche { float:left; font-weight:bold; text-transform:uppercase; margin-top:8px;}
		.add_panier a { float:right; height:35px; line-height:35px; padding:0 14px 0 7px; background:#228DB9; .border-radius(3px); font-size:16px; font-weight:bold; color:#fff; cursor:pointer; &:hover { background:#4b4b54; }
			span { .sprite(0, -813px); width: 18px; height: 16px; float:left; margin:9px 7px 0 0;  }			
		}	
	}
}

	/*****[PRODUIT]*****/
#produit { overflow:hidden; padding:10px 0;
	#colgauche { float:left; width:364px; margin-right:12px;
		#image_big { width:330px; border:1px solid #c9c9c9; padding:7px 16px; margin-bottom:10px; position:relative; }		
		.etiquette_promo_big { .sprite(0, -345px); width:58px; position:absolute; top:-11px; left:3px; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:18px; font-weight:bold; z-index:100; } 
		#image_thumbs {
			.titre { background:#d5d6df; font-size:11px; text-align:center; height:22px; line-height:22px; text-transform:uppercase;}
			ul { overflow:hidden; width:360px; margin:12px auto;  }
			li { float:left; font-size:11px; margin:0 2px 3px; text-align:center; height:95px; overflow:hidden; &:hover { .opacity; } }
			img { width:54px; height:75px; border:1px solid #cbcbcb; line-height:0; }
		}		
		#produit_associe_min {  padding-bottom:20px;
			.title { font-size:12px; text-transform:uppercase; font-weight:normal; padding-bottom:15px;}
                        .titre_h5_min { font-size:10px; font-weight:bold; }
			li { float:left; margin-left:4px; &:first-child { margin-left:0; }}	
		}
	}
	#content_prod { overflow:hidden;
		/*#info_bloc_prix{min-height: 370px;}*/
		h1 { font-size:18px; color:#228DB9; font-weight:normal; text-transform:uppercase; padding-bottom:12px;}
		
		#ref_social { overflow:hidden;
			.ref { font-size:11px; float:left;  }
			p { float:left;  line-height: 25px;    padding-right: 10px;}			
		}
		.video{margin:0 0 10px 0;cursor:pointer;}
		.video span { .sprite(-196px, -480px);display:inline-block; width: 24px; height: 13px; }
		.avis { overflow:hidden; font-size:11px; img { float:left; margin-right:10px; } a { .underline; } }
		.col_desc { float:left; width:350px;  font-size:13px; padding-top:24px; cursor:pointer;
			.lien { padding-top:10px;
				.plus { font-weight:bold; font-size:14px; text-decoration:none; position:relative; top:1px;}
				span { .underline; font-weight:normal; font-size:12px; }
			}
		}
		.col_add { float:right; width:210px; 		
			.ct_qte { overflow:hidden; }
			.qte { background:#e8e9ef; height:25px; float:right;  padding:5px; .border-radius(3px); 
				label { float:left; font-size:12px; padding:0 10px; line-height:25px; }
				input { height:23px; line-height:23px; text-align:center; padding:0; width:31px; float:left;}
				button { width:15px; height:25px; line-height:25px; font-size:15px; text-align:center; font-weight:bold; color:#fff;  background:#63626d; float:left; cursor:pointer;}
				.moins { .border-radius(3px 0 0 3px); }
				.plus { .border-radius(0 3px 3px 0); }
			}
			.produit_prix { text-align:right; padding-top:10px;
				#choix_px_tot { display:block; font-size:22px; font-weight:bold; color:#228DB9; }
				del { font-size:12px;}
			}			
			.add_panier { overflow:hidden; padding:7px 0 10px;
				.btn { float:right; height:35px; line-height:35px; padding:0 14px 0 7px; background:#228DB9; .border-radius(3px); font-size:16px; font-weight:bold; color:#fff; cursor:pointer; &:hover { background:#4b4b54; }}
				.picto { .sprite(0, -813px); width: 18px; height: 16px; float:left; margin:9px 7px 0 0;  }			
			}		
			.dispo { font-size:10px; text-align:right; padding-bottom:10px;
				.enstock { color:#59a62a; .sprite(0, -866px); text-indent:15px; display:inline-block;} 
				.rupture { color:#ff0000; } 
				.delai { font-size:11px;display:block; padding-top:2px;}
			}			
			#simulateur_1euro { float:right;}
		}				
		#prod_attribut { position:relative;
			.bloc_step { border:1px solid #d5d6df; width:265px; margin-bottom:5px; font-size:12px;
				.tetiere { background:#d5d6df; font-size:12px; height:24px; line-height:24px; text-transform:uppercase; text-indent:10px; }
				ul.thumbs_att { overflow:hidden; width:256px; margin:10px auto 3px;  
					li { float:left; font-size:11px; margin:0 4px 3px; text-align:center; height:95px; overflow:hidden; cursor:pointer; &:hover { .opacity; } }
					img { width:54px; height:75px; border:1px solid #cbcbcb; line-height:0; }
					.active { cursor:default; &:hover { .opacity(1); } img { border:1px solid #228DB9; } }
				}
                ul.thumbs_att.uneCouleurAlignement li {float:none !important;}

              .produit_recoupe {  padding:10px;
					.check { overflow:hidden; padding-bottom:10px;
						input { float:left; margin:1px 5px 0 0 }
						label { overflow:hidden; display:block; }
					}
				
				}
			}
			#list_att { overflow:hidden; 
				li { float:left; background:#5eafbf; margin:5px; height:27px; line-height:27px; color:#fff; font-size:14px; font-weight:bold; .border-radius(4px); padding:0 13px; }
				li:hover{cursor:pointer;}
				.active { background:#228DB9; }
			}
            #list_att.uneCouleurAlignement li {float:none;display: block;margin: 5px auto;width: 70px;}
			.pro_banniere_surmesure { position:absolute; bottom:0; right:0;
				.ou { float:left; font-weight:bold; line-height:182px; padding-right:20px;}
			}
		}
        #prod_attribut.min_height{min-height:185px;}
		#prod_rassurance { width:595px; margin:20px 0;}
		#prod_onglets { margin-bottom:20px;
			#onglets_menu { overflow:hidden;
				li { height:23px; line-height:23px; margin-right:4px; border:1px solid #e8e9ef; border-bottom:#c9c9c9; background:#e8e9ef; cursor:pointer; float:left; font-size:11px; text-transform:uppercase;  padding:0 12px;}
				.active { border:1px solid #c9c9c9; border-bottom:1px solid #fff; background:#fff; color:#228DB9; cursor:default; }			
			}			
			#onglets_content { border:1px solid #c9c9c9; margin-top:-1px; padding:20px 10px; font-size:12px !important; color:#4a4a53 !important; 			
				.mf_avis { overflow:hidden;
					.titre { font-weight:bold; }
					.label { float:right;  }
					.post_avis { font-weight:bold; padding:10px 0; }
					dl { padding-top:5px; clear:both; }
					dt { border-top:1px dotted #ccc; padding-top:10px;  }
					.desc { padding-bottom:10px; }
					.note { padding:5px 0; }					
				}
			}
		}		
		#produit_associe { padding-bottom:20px;
			.title { font-size:12px; text-transform:uppercase; font-weight:weight; padding-bottom:15px;}
                        .title_h5 { font-size:12px; font-weight:weight; }
			li { float:left; margin-left:4px; &:first-child { margin-left:0; }}		
		}			
	}
}		

	
	/*****[PROCESS]*****/	
.message_ko {  color:#228DB9; font-weight:bold; text-align:center; font-size:13px; padding:10px 0;}
.message_ko.login{width:80%;margin-top:20px;margin-bottom:20px;height:25px;line-height:25px;border: none;}
.th_left { text-align:left; text-indent:8px; }
#tunnel_process { background:url(images/tunnels_bg.png) no-repeat; height:40px; margin:5px 0 10px;
	li { float:left; width:265px; line-height:40px; font-size:18px; padding-left:66px;  }
	li, li a { color:#a1a4b2; display:block;}
	.end { padding-left:70px; width:220px; }
	.actif, li.actif a { color:#228DB9;}
}
#tunnel_process.step02 { background:url(images/tunnels_bg.png) no-repeat 0 -40px; }
#tunnel_process.step03 { background:url(images/tunnels_bg.png) no-repeat 0 -80px; }
/*** PANIER ***/
.table_panier { border-collapse:collapse; width:973px;
	th { background:#4a4a53; color:#fff; font-size:11px; text-transform:uppercase; height:27px; }
	.nobg td { background:#fff; }
	td { padding:6px 0; background:#e8e9ef;}
	.thumb { width:82px; vertical-align:top; padding-left:5px; line-height:0; img { width:70px; height:97px; } }	
	.desc { vertical-align:top; font-size:14px; padding-right:20px; width:370px;
		.nom { font-weight:bold; padding:10px 0 4px; line-height:1.1;}
		.ref { font-size:11px; }		
		.dl_tooltip { width:202px; margin:10px 0;
			.lib { font-size:11px; color:#5eafbf; text-decoration:underline; float:left; line-height:19px; margin-right:8px; cursor:pointer; }
			.picto { .sprite(0, -1254px); width: 20px; height: 19px; float:left; }
			.bubulle { width:190px; }
			.bubulle:after { left:100px; }
		}
		
	}	
	
	.qte p { width:102px; margin:0 auto; overflow:hidden;
		button, input { float:left; }
		.btn_moins { .sprite(0, -221px); width: 22px; height: 22px;cursor: pointer;}
		.btn_plus { .sprite(0, -283px); width: 22px; height: 22px;cursor: pointer;}
		input { width:35px; font-weight:bold; font-size:14px; height:20px; margin:0 3px;}
	}
	
	
	.reduc { text-align:center;  font-size:14px;
		del { text-decoration:none; background:url(images/prix_barre.png) no-repeat center center; height:25px; line-height:25px; display:block; font-weight:bold; }
		.economie { font-size:11px; color:#5eafbf;  font-weight:bold; }
	}	
	.prix { width:120px; text-align:center; font-size:16px; color:#228DB9; font-weight:bold;	}	
	.supp { width:60px;	a { .sprite(-196px, -84px); width: 14px; height: 19px; margin:0 auto; }  }
}		
#panier_sstotal { float: right;font-weight: bold;overflow: hidden;padding: 15px 0;width: 302px;
	ul { float:right; border:1px solid #595961; padding:5px 0; width:300px; }
	li { height:30px; line-height:30px; }
	span { font-size:14px;  width:115px; float:left; text-align:right; margin-right:40px;}
	.eco { color:#5eafbf;  }
	.sstotal { span { color:#4a4a53 } font-size:20px; color:#228DB9; }
}	
#panier_rass_other { overflow:hidden;position: relative; top: -22px;
	#col_rassurance { float:left; width:225px; margin-right:13px;
		#rass_sav { width:136px; height:178px; padding-left:110px;background:url(images/panier_visuel_support.jpg) no-repeat; position:relative; left:-20px; font-weight:bold; margin-bottom:20px;
			.titre { font-size:12px; text-transform:uppercase; padding:35px 0 0; line-height:1.5; height:40px;}
			.tel { font-size:13px; height:28px;  }
			.num { font-size:18px;  color:#fff; height:38px; }
			.horaires { font-size:11px; font-weight:normal; }
		}

		#rass_port { background:#e8e9ef; margin-bottom:20px; height:56px; .border-radius(3px); display:block;
			[class*=picto] {   width: 42px; height: 44px;  float:left; margin:7px 9px 0 9px; }	
			.picto-port { .sprite(0, -1867px); }
			.titre { padding:7px 0 2px; font-size:11px;}
		}
		#rass_fianet { margin-top:20px;}
		
	}
	#other_content { overflow:hidden; margin-top: 22px;
		#choix_livraison { 
			.tetiere { background:#4a4a53; color:#fff; font-size:11px; text-transform:uppercase; position:relative; height:27px; line-height:27px; font-weight:bold; .th_left;
				select { position:absolute; top:4px; right:5px; font-size:11px;}
			}
			li { border-top:1px solid #4b4b54; position:relative; padding:10px 0; overflow:hidden; &:first-child { border-top:0; } }
			label { display:block; height:50px;}
			.checkbox { float:left; width:27px; margin-top:14px; }
			.logo { float:left; width:72px; img { width:48px; height:48px; }}
			.desc { width:460px; float:left; padding:10px 35px 0 0;
				.nom { font-size:13px; font-weight:bold; }
				.desc_courte { font-size:11px; }
			}
			.prix { font-size:16px; color:#228DB9; font-weight:bold;float:left; }
			.sscat { border-bottom:0; font-weight:bold; text-transform:uppercase; color:#4A4A53; font-size:12px; }
			
			.adresse {	background:#e8e9ef; width:560px; clear:both; margin:15px auto 0;	text-align:center; padding:15px 20px; display:none;
				.btn_bleu_fleche {  font-weight:bold; margin:7px 0 0 196px;}
				.titre { font-size:13px; }
				.recap_adresse { font-size:14px; font-weight:bold;  }
			}				
		}
	}
}

#choix_ba { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #63626D;color: #63626D; float: right; margin-right: 10px; margin-top: 15px; padding: 7px; width: 407px;min-height: 26px;
  #minipromo input[type="submit"] {background: none repeat scroll 0 0 #63626D;border: 2px solid #63626D;color: #FFFFFF; }
  .tetiere { font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
  form { font-size:12px; overflow:hidden;
    label { float: left;line-height: 11px;margin-right: 7px;width: 350px; height:inherit;}
    input[type=text] { width:170px; }
  }
  form#minipromo { font-size:12px; overflow:hidden;
    label { height:21px; line-height:21px; float:left; margin-right:7px;width: inherit; }
  }
  .dejaclient { font-size:12px; margin-top:5px; padding:10px 0 5px; span { padding-left:4px; color:#63626D; .underline; cursor:pointer; }  }
  #ba_connecte { background:#e8e9ef; color:#d30050; font-size:12px; padding:10px 15px; margin-top:10px;
    p { font-size:13px; font-weight:bold; padding-bottom:5px; }
    li { font-size:12px; overflow:hidden; padding:2px 0; }
    input { float:left; margin:1px 7px 0 0; }
  }
}
#panier_total { overflow:hidden; padding:15px 0;font-weight:bold;
	ul { float:right; border:1px solid #595961; padding:5px 0 0; width:300px; }
	li { height:30px; line-height:30px; text-align:right; padding-right:20px; color:#228DB9; }
	span.left { font-size:13px;  width:130px; float:left; padding-left:5px; margin-right:25px; text-align:left; color:#4a4a53;}
	.total { background:#228DB9; color:#fff; margin-top:10px; span { color:#fff; } }
	.min { font-size:13px;}
}	
.free_port { text-align:right; color:#228DB9; padding-top:10px; font-size:12px;  span { font-weight:bold; }}
	
#panier_action { float:right; width:302px; position:relative;
	.cgv { overflow:hidden; font-size:12px; padding-bottom:15px;
		input { float:left; margin:2px 5px 0 0; }
		label { overflow:hidden; display:block; }
	}	
	.panier_paypal { float:left; margin-top:7px; cursor:pointer; }
	.sub { float:right; height:45px; line-height:45px; background:#228DB9; cursor:pointer; font-size:16px; color:#fff; font-weight:bold; .border-radius; padding:0 14px 0 11px;	&:hover { background:#4b4b54; }
		span { .sprite(-196px, -411px); width: 30px; height: 29px; float:left; margin:7px 7px 0 0; } 	
	}	 
	.save { clear:both; text-align:right; font-size:12px; font-weight:bold; cursor:pointer; padding:30px 0; &:hover { .underline; }}
	.btn_gris_fleche_gauche { position:absolute; top:53px; left:-433px; font-weight:bold;   text-transform:uppercase;}
}

.popup_livraison { background:#fff;
	.close_popup { width:20px; height:20px; cursor:pointer; .sprite(-1px, -2117px); position:absolute; top:-12px; right:-9px; z-index:2; }
	.logo { position:absolute; top:10px; left:10px; }
	#form_adresse { overflow:hidden; background:#63626D; padding:12px 0 12px 60px; margin-bottom:10px;
		p { float:left; margin:0 10px; }
		label { display:block; color:#fff; font-size:11px; font-weight:bold;}	
		select { width:190px;}
		.btn_rose_fleche input { font-size:11px; font-weight:bold; margin-top:6px; }
	}
	#coordonnees_relais { width:350px; height:401px;margin:0 0 10px 10px; float:left; font-size:11px; overflow: auto;
		input[type=radio] { float:left; margin:2px 7px 0 0; }		
		dt { font-weight:bold; }
		.no-relais{text-align:center;font-size:14px;}
	}
	
	#map_itineraire{height:401px;width:540px; margin:0 10px 10px 0;position: relative; background-color: #E5E3DF; overflow: hidden;float:right; }
	
	.btn_choosethisone { background:url(images/btn_sprite.png) no-repeat right 0; color:#fff; font-size:10px; height:20px; line-height:21px; float:left; border:0; .border-radius(3px);  padding:0 22px 0 7px;  	}
	
	
}

/*** LOGIN ***/

#identification { margin:0 auto;
	.tetiere { height:32px; line-height:32px; background:#4a4a53; color:#fff; text-indent:15px; font-size:15px; }
	.col_login { float:left;  width:470px;}
	.col_inscription { float:right; width:470px; }
	label { font-size:12px; width:160px; float:left; text-align:right; padding:4px 16px 0 0; }
    .check{margin:0 0 0 100px;label{margin:0 0 0 5px;float:none;}}
	.conteneur_login_bloc {  border:1px solid #a5a8b5; margin:4px 0 10px; padding:10px 0; 
		input[type=text], input[type=password] { width:200px; }
		p { clear:both; padding:5px 0; }
	}
	.mdp { text-align:right; font-size:11px; padding-right:73px !important; &:hover { .underline; } }
	.btn_gris_fleche input { text-transform:uppercase; font-weight:bold; font-size:12px; margin-left:225px; }
	#cofacebook { height:62px; text-align:center; }
	.fb-login-button  { padding-top:20px; }
	.sexe {  padding:0 0 5px 177px !important; overflow:hidden;
		label { width: auto; }
		input { float:left; margin:1px 3px 0 0; }
	}
}


/*** RECAP ***/
#recap_adresse { overflow:hidden; font-size:13px; padding-bottom:10px; text-align:center;
	.left { float:left; width:470px; }
	.right { float:right;  width:470px; }
	.recap_adresse_titre { height:32px; line-height:32px; background:#4a4a53; color:#fff; text-indent:15px; font-size:15px; margin-bottom:15px;}
	a {text-decoration:none; }
	.bloc_adresse {  border:1px solid #a5a8b5; min-height:180px;
		input[type=text] { width:180px; margin:3px 0; }
		input[type=radio] {  margin:0 2px; }
		select { width:202px; margin-top:2px; }
	}
	.btn_gris_fleche a { width:70px; margin:10px auto; float:none; display:block; }
	
}
#bloc_valid_panier { float:right; height:45px; line-height:45px; background:#228DB9; cursor:pointer; text-transform:uppercase; font-size:16px; color:#fff; font-weight:bold; .border-radius; padding:0 14px 0 11px;	&:hover { background:#4b4b54; }
	span { .sprite(-196px, -411px); width: 30px; height: 29px; float:left; margin:7px 7px 0 0; } 	
}	



#chx_paiement { padding:40px 0;
	h4 { text-align:center; color:#fff; font-size:16px; font-weight:normal; color:#fff; background:#4a4a53;  height:32px; line-height:32px; }
	#liste_paiement { overflow:hidden; font-size:13px; border:1px solid #a5a8b5; margin:4px 0 20px; padding-top:20px;
		li { float:left; width:200px; height:53px; margin:0 21px; line-height:35px;
			.input { margin:0 10px 0 0; }
			.input, label { float:left; }
			img { height:25px; float:left; margin-right:10px; }
			.nom { float:left; width:110px; line-height:1; padding-top:6px;}
		}
	}
}

	  
	/*****[POPUPS]*****/
.mfpopup {
	#close {  width:20px; height:20px; cursor:pointer; .sprite(-1px, -2117px); position:absolute; top:-12px; right:-9px; z-index:2; }
	.message { text-align:center; padding:20px 0; color:#228DB9; font-weight:bold; font-size:13px;}
}
#popup_panier {	
	.produit { padding:0 15px; overflow:hidden;
		.image {  border:1px solid #c9c9c9; padding:3px; float:left; margin-right:25px; line-height:0;min-height: 265px;}
		.detail_prod { overflow:hidden;   border: 1px solid #C9C9C9;        padding: 22px 10px; 
			.nom {    color: #228DB9;    font-size: 14px;    font-weight: bold;    padding-bottom:5px;    text-transform: uppercase;}
			.ref { font-size:12px; }
			.attribut { padding:2px 0; font-size:12px; }
			.qte { font-weight:bold;  font-size:13px;  padding:10px 0;}
			.prix { font-size:13px;   color: #228DB9;
				.lib { font-weight:bold; }
				del { font-size: 12px; }
				.prixm  {    color: #228DB9;    font-weight: bold;}
			}
			 
		}
	} 
	.action { font-weight:bold;   text-transform:uppercase; overflow:hidden; padding:15px 97px;
		.btn_gris_fleche_gauche { float:left;}
		.btn_rose_fleche {float:right;}
	}
	
	#produit_associe { padding:20px 13px;
		.title { font-size:12px; text-transform:uppercase; font-weight:normal; padding-bottom:10px;}		
		li { float:left; margin-left:4px; &:first-child { margin-left:0; }}		
		.col_prix { width:100%; text-align:center;}
	}
}	
.retour { padding:20px 10px; font-size:13px;
	h1 {  color:#228DB9; font-weight:bold; font-size:15px; padding-bottom:15px;}
	.table_panier { width:100%; font-size:11px; text-align:center; }
}

.page_titre{
	h1{font-size:18px; color:#228DB9; font-weight:normal; text-transform:uppercase; padding-bottom:10px;}
}	
#modify_id {
	.tetiere {background: none repeat scroll 0 0 #4A4A53;color: #FFFFFF;font-size: 15px;height: 32px;line-height: 32px;text-indent: 15px;width:100%;}
	.conteneur_login_bloc {border: 1px solid #A5A8B5;margin: 4px 0 10px;padding: 10px;font-size: 12px;color:#4A4A53;position:relative;text-align: center;
		p {clear: both;padding: 5px 0;}		
		label {font-size: 12px;padding: 4px 16px 0 0;text-align: right;}
		input[type="text"] {width: 200px;}
		/*.btn_rose_fleche {bottom: 10px;left: 245px;position: absolute;}*/
		.btn_rose_fleche {display:inline-block;margin:0 20px;}
		.btn_gris_fleche_gauche {display:inline-block;margin:0 49px 0 115px;}
	}
}

#cms {
	.tetiere {background: none repeat scroll 0 0 #4A4A53;color: #FFFFFF;font-size: 15px;height: 32px;line-height: 32px;text-indent: 15px;width:100%;text-align:center;margin-bottom:5px;}	
	.table_panier td.center{text-align:center;}
}

#popupLogin{	
		.roll_moncompte { background:#f8f2ed; border:3px solid #4a4a53; position:absolute; width:310px;}
		.deconnecte { 
			.coleft { float:left; width:145px;   padding:20px 10px;}
			.colright { float:right; padding:20px 10px; width:119px; height:150px; margin:3px; background:#efe9e5; }
			.title_main { font-size:13px; span { display:block; font-size:11px; color:#63626d; padding:1px 0 10px;} }
			input[type=text], input[type=password] { font-size:11px; width:125px; margin-bottom:6px;}
			.souvenir { font-size:10px; overflow:hidden;
				input { float:left; margin-right:4px; }
			}
			.mdp { font-size:10px; padding:5px 0; .underline; }
			.btn_noir  { padding-top:5px; }
		}
	}
	/*****[COMPTE]*****/
#headerp_compte { background:#dcd4ca; margin:-5px -10px 10px; padding:5px 10px; height:97px; position:relative;
	.titre { font-size:18px; color:#228DB9; line-height:1.6; padding-top:9px;}
	.btn_gris_fleche a { position:absolute; top:64px; right:15px; font-weight:bold; } 
}
#mon_compte { min-height:500px; padding:10px 0 40px;
	table { border-collapse:collapse; width:100%; text-align:center;
		th { height:27px; color:#fff; text-transform:uppercase; background:#4a4a53; font-size:10px; }
		th.bgrose { background:#228DB9;  font-size:14px; font-weight:normal; text-align:left; text-indent:7px; span { color:#fff !important; }}
		.bg td { background:#e8e9ef; }
		td { height:44px; font-size:11px; padding:0 5px;}
		a { text-decoration:underline; }
		.details a { display:block; width:22px; height:23px; .sprite(0, -2210px); margin:0 auto;}			
	}
	#sidebar { float:left; width:216px; margin-right:27px; 
		ul { background:#e8e9ef; font-size:12px; font-weight:bold; padding:2px 10px; text-transform:uppercase; border:1px solid #c9c9c9;}
		li { height:35px; line-height:35px; border-top:1px solid #a1a4b2; &:first-child { border-top:0; }}
		li.actif, a:hover  { color:#228DB9; }
	}		
	#content_compte { overflow:hidden; width:730px; font-size:13px; 
		h1 { font-size:18px; color:#228DB9; text-transform:uppercase; font-weight:normal; padding-bottom:12px;}
		#commandes {
			.widthfixe { width:80px; }
		}		
		#commande_id {
			.prc { border:1px solid #ccc; overflow:hidden; margin:10px 0 0; 
				span { float:left; height:15px; line-height:15px; color:#fff; background:#228DB9; } 
			}
			td { vertical-align:top;}
			.col01 {  width:250px; padding-right:25px; }
			ul { padding:10px 0; }
			li { padding:2px 0; a, span { cursor:pointer; text-decoration:underline; } }
			
			#prod { margin:10px 0;
				th { height:20px; }
				td { width:33%; padding:5px 0; }
			}			
		}
	}
}
#bandeau_retour { width:973px; height:40px; line-height:40px; background:url(images/bandeau_retour.png) no-repeat; margin-top:-10px; margin-bottom:16px;
	li { float:left; font-size:18px; color:#a1a4b2; margin-left:57px; width:270px; }
	.end {   margin-left: 69px;    width: 243px; }		
}
#retour {
	h1 { height:32px; line-height:32px; display:inline-block; background:#228DB9; color:#fff; padding:0 7px;}
	h2 { height:32px; line-height:32px; background:#4a4a53; color:#fff; font-weight:normal; font-size:16px; color:#fff; padding:0 7px;}
	table  { 
		th { background:#d5d6df; color:#4b4b54;}
	}
	.edit_br_lst2 { overflow:hidden; padding:15px 0 0 260px;
		.btn_voir_panier2 { width:135px; margin:0 30px; height:45px; line-height:45px; text-transform:uppercase; background:#a1a4b2; color:#fff; font-size:14px; font-weight:bold; float:left; .border-radius; &:hover { background:#4b4b54;  } }
		.btn_suivant_process {  height:45px; padding:0 10px; margin:0 30px; line-height:45px; background:#228DB9; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; float:left; .border-radius; &:hover { background:#4b4b54;  } }
	}
	
}
.forminsc {
	.bloc { border:1px solid #a4a6b4; padding:15px 0; margin-bottom:10px;}	
	p { clear:both; padding:4px 0; }
	label { float:left; text-align:right; width:300px; padding-right:17px; }
	input[type=text] { width:250px; }
	#pays_id { width:270px; }
	.input_check_reg { overflow:hidden; margin:2px 0;
		input {  float:left; margin:1px 5px 0 0; }
		label{ text-align:left; width:auto;}
	}
	.champ_obl { font-style:italic; font-size:11px; padding:10px 0;}
	.sub { text-align:center; input {  height:30px; line-height:30px; background:#228DB9; cursor:pointer; font-size:14px; color:#fff; font-weight:bold; .border-radius; padding:0 14px 0 11px;	&:hover { background:#4b4b54; } } }	 
}

 

	/*****[CMS]*****/

#cms { font-size:12px; color:#4a4a53;/*padding:0 10px;*/
	h1 { font-size:18px; color:#228DB9; font-weight:normal; text-transform:uppercase; padding-bottom:10px;}
	.club_fidelite { margin-top:30px;
		.conteneur_login_bloc { height:118px; }
		.col_inscription { 
			.txt { text-align:center; }
			.btn_gris_fleche a {		font-size: 12px;		font-weight: bold;		margin:20px 0 0 195px;	}
		}
	}
	li.child{margin: 5px 0;padding: 0 0 0 10px;font-size:16px;
		a{color: #228DB9;}
		a:hover{text-decoration:underline;}
	}
	.btn_rose_cms {font-weight: bold;text-transform: uppercase;height: 30px;margin: 10px auto;width: 164px;
			a{background: url("/styles/images/bouton-cms.png") no-repeat scroll left top rgba(0, 0, 0, 0);border: 0 none;border-radius: 3px;color: #FFFFFF;float: left;font-size: 10px;height: 30px;line-height: 30px;padding: 0 16px 0 7px;}	    
	}		
}

.mef_contact { font-size:12px; min-height:700px;
	span { font-size:12px !important; }
	.intro { padding:10px 0; }
	.insc_titre { font-weight:bold; font-size:13px; padding:10px 0; color:#228DB9; text-transform:uppercase;}
}

.formnorm { padding:15px 0;
	label { float:left;  width:150px; padding-right:20px; }	
	input {  width:250px; }
	textarea { width:250px; padding:8px; }
	input[type=submit] { background:#228DB9; margin:20px 0; color:#fff; border:0; font-size:12px; width:266px; padding:1px 1px; clear:both;}	
}
.sexea { padding:5px 0 5px 318px !important; overflow:hidden; label { width:auto; input { margin-right:2px; }} }
#contact_faq { padding-top:15px;
	p { padding:5px 0; }
	p span {  color: #228DB9 !important;    font-size: 13px;    font-weight: bold;    padding: 10px 0;    text-transform: uppercase;}
}

.bloc_inscription_padd { text-align:center; padding-bottom:20px;
	.btn_gris_fleche { font-weight:bold; display:inline-block; a { font-size:12px; }}
 }
 #addr_save .insc_titre { padding:10px 0 10px 10px; font-weight:bold; color:#228DB9;}
#addr_save  .supp  {float:left; line-height:32px; text-decoration:underline; margin:10px 20px 0 320px;}
#addr_save .sub { float:left; clear:none; margin-top:10px}




/*********************[LAYOUT]****************************/ 
body { font:100%/1.3 Arial, Verdana, sans-serif; background:#f3fafc; color:#4a4a53;}
div#wrapper { width:993px; margin:28px auto 0; background:#fff; position:relative; 

-moz-box-shadow: 0px 0px 10px 0px #e0d9d5;
-webkit-box-shadow: 0px 0px 10px 0px #e0d9d5;
-o-box-shadow: 0px 0px 10px 0px #e0d9d5;
box-shadow: 0px 0px 10px 0px #e0d9d5;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e0d9d5, Direction=NaN, Strength=10);


}
div#conteneur_centre { padding:5px 10px;  }
.arianne { font-size:11px; color:#a1a4b2; position:relative; padding-bottom:5px;
	a { color:#a1a4b2; &:hover { .underline; } }
	span { color:#4b4b54; }
	.retour { position:absolute; top:0; right:0;font-size:11px; color:#a1a4b2;margin:0;padding:0; }
 }
/********[HEADER]********/
#header_top { position:absolute; top:-20px; left:0; font-size:10px; font-weight:bold; width:100%; z-index:2;
	#header_lang { float:left; margin-left:5px; position:relative;
		p { background:url(images/fleche_grise_bas.png) no-repeat right 4px; padding-right:10px; cursor:pointer; height:20px;}
		img { float:left; margin-right:6px; border:1px solid #fff; margin-top:-1px; }
		ul { display:none; position:absolute; top:17px; left:-5px; padding:2px 0 2px 5px; width:55px; background:#F3FAFC; li { padding:2px 0; &:hover img { .opacity(0.7); } } }
		&:hover ul { display:block; }
	}	
	.pro { float:left; text-transform:uppercase; margin:0 6px; a { padding:0 9px; &:hover { .underline; } } }
	.baseline { font-weight:normal; color:#bab8b7;font-size: 9px; }
}
#header { height:170px; position:relative; z-index:10000;
	.logo { position:absolute; top:25px; left:11px; }
	.header_contact { position:absolute; top:31px; left:410px; width:210px; line-height:1.1;
		.tel { .sprite(0, -1185px); width:23px; height:29px; float:left; margin:5px 9px 0 0; }  
		.num { font-size:22px; font-weight:bold; }
		.jr { font-size:11px; display:block; }	
	}		
	#header_search { position:absolute; top:82px; left:410px;
		.loupe { .sprite(0, -745px); width:24px; height:28px; float:left; margin-right:8px; }  
		form { margin-top:2px; width:310px;}
		input[type=text] { width:144px; font-size:11px; color:#a1a4b2; }
		input[type=submit] { padding:2px 6px; }
	}
	.header_deco {  position:absolute; top:46px; left:714px; }
	.header_stock { font-size:13px; font-weight:bold; position:absolute; top:88px; left:714px; }	
	#header_compte { width: 133px;  position:absolute; top:-10px; right:165px; z-index:5;
		.acces a { .sprite(0, -585px); width: 133px; color:#fff; height:40px; text-indent:29px; font-size:11px; font-weight:bold; line-height:40px; text-transform:uppercase; position:relative; z-index:2; }
		.acces.log a { line-height:15px;padding-top:4px;text-align:center;text-indent:0px; }
		.roll_moncompte { background:#f8f2ed; border:3px solid #4a4a53; position:absolute; top:15px; right:0; width:310px; display:none;}
		.deconnecte { 
			.coleft { float:left; width:145px;   padding:20px 10px;}
			.colright { float:right; padding:20px 10px; width:119px; height:150px; margin:3px; background:#efe9e5; }
			.title_main { font-size:13px; span { display:block; font-size:11px; color:#63626d; padding:1px 0 10px;} }
			input[type=text], input[type=password] { font-size:11px; width:125px; margin-bottom:6px;}
			.souvenir { font-size:10px; overflow:hidden;
				input { float:left; margin-right:4px; }
			}
			.mdp { font-size:10px; padding:5px 0; .underline; }
			.btn_noir  { padding-top:5px; }
		}
		.connecte {
			ul { font-size:13px; padding:20px 10px;
				ul  { padding:5px 0 10px 0; font-size:11px; color:#63626d; a { color:#63626d; &:hover { .underline; } } } 
			}
			.deconnexion a { position:absolute; top:28px; right:13px; font-size:9px;
				span { .sprite(0, -160px); width: 21px; height: 21px; margin:0 auto 3px; } 
			} 
		}
		&:hover .roll_moncompte { display:block; }
	}	
	#header_panier { width: 156px;  position:absolute; top:-10px; right:8px;
		.acces a { .sprite(0, -665px); width: 156px; height:40px; text-indent:35px; color:#fff; font-size:10px; font-weight:bold; line-height:1.1; text-transform:uppercase; position:relative; z-index:2; 
			span { display:block; }
			span.line01 { font-size:11px; padding-top:10px; }
		} 
	}
	 
	#header_menu { width:1009px; height:39px; background:url(images/hmenu_bg.png) no-repeat; position:absolute; left:-16px; bottom:0;  padding-top:11px; padding-left:16px;		
		> ul > li { float:left;  height:40px;
			&:hover { background:#197093; .xl_menu { display:block; } }
			.niv1 { font-size:15px; color:#fff; font-weight:bold; display:block;  height:25px; line-height:25px;  border-right:1px solid #fff; padding:0 16px; margin-top:7px; cursor:pointer;}
		}		
		.btn_promo { padding-top:8px; height:32px; margin-left:10px;
			&:hover { background:none; }
			a { font-size:12px; color:#fff; text-transform:uppercase; font-weight:bold; background:#176584; padding:6px 9px; .border-radius(3px); margin:10px 0 10px; }
		}
		.xl_menu { background: none repeat scroll 0 0 #fafeff;border: 3px solid #197093;display: none;left: 121px;overflow: hidden;padding: 12px 0 0;position: absolute;top: 50px;width: 780px;z-index:999;
			.titre_cat { font-size:14px; color:#228DB9; }
			.col_liens { min-height:20px;float:left; width:480px; font-size:12px; margin-right:20px;
				.colonnes {	float:left; border-right:1px solid #fff; padding:0 17px; width:204px;
					ul { padding:2px 0 10px; }
					li { background:url(images/puce_menu.png) no-repeat 0 5px; padding-left:9px; margin:2px 0; }
					li a:hover { .underline;  }
				}				
				.tendances { clear:both; padding-left:18px;padding-top:15px;
					ul { padding:10px 0 15px 32px; overflow:hidden; background:url(images/xlmenu_fleche_tendance.png) no-repeat 0 8px; }
					li { float:left; }
					li a { width:74px; height:28px; line-height:28px; display:block; color:#fff; background:#a1a4b2; .border-radius(3px); text-align:center; margin:0 7px 7px 0; &:hover {  background:#228DB9;}}
				}
			}
			.col_promos { float:left;margin-bottom: 10px;width: 245px;
				li { float:left; margin:20px 0 0 4px; &:first-child { margin-left:0; }}		
			}
			.col_pub { float:right; margin:-12px 0; }
		}
	}
 }					
/********[FOOTER]********/
#footer_rassurance { margin:0; }
.rassurance { overflow:hidden; width:993px; margin-left:-10px; clear:both;
	li { float:left; border-left:1px solid #fff; width:198px; font-size:11px; height:69px; background:#d5d6df; &:hover { background:#b1b4c1;  .transition(background 0.7s ease 0s); } &:first-child { border:0; width:197px; } }
	[class*=picto] {   width: 42px; height: 44px;  float:left; margin:15px 9px 0 9px; }	
	a { display:block; width:100%; height:100%;}
	.picto-newsletter { .sprite(0, -1699px); }	
	.picto-contact { .sprite(0, -1447px); }
	.picto-expedition { .sprite(0, -1531px); }
	.picto-fidelite { .sprite(0, -1615px); }
	.picto-paiement { .sprite(0, -1783px); }
	.picto-port { .sprite(0, -1867px); }
	.picto-satisfaction { .sprite(0, -1951px); }
	.picto-surmesure { .sprite(-196px, 0); }	
	.titre { padding:15px 0 2px; }
	.newsletter { 
		.titre { padding:8px 0 5px; }
		input[type=text] { border:0; width:82px; color:#8d9196; }
		input[type=submit] { background:#228DB9; color:#fff; border:0; font-size:12px; padding:1px 1px; }	
	}
	.paiement .titre { padding-top:30px; }
	.dbline .titre { padding-top:22px; }
	.threeline .titre { padding-top:11px; }
	.fourline .titre { padding-top:7px; }
	.tel { font-size:15px; color:#228DB9; }
}	
.footer_liens_barre {  text-align:center; height:25px; line-height:25px; background:#228DB9; color:#fff; font-size:11px; font-family:verdana;
	li { display:inline; }
	a { color:#fff; margin:0 2px; text-decoration:underline; &:hover { color:#fff; } }
}

#footer_big { overflow:hidden; padding:15px 0; background:#cfd5dc;color:#4A4A53;
	.col_ekomi { float:left;  margin-left:10px; width:190px; height:236px;}
	.col_social_paiement { float:left;		
		h4, div.h4_footer { font-size:12px; color:#4A4A53; font-weight:bold; padding:2px 0 0 5px;}
		.social {
			li a { width: 27px; height: 27px;  }
			ul { overflow:hidden; padding:10px 0 12px; }
			li { float:left; margin-right:8px;}
			.facebook a { .sprite(0, -917px); &:hover { background-position: 0 -984px; } }
			.twitter a { .sprite(-196px, -277px); &:hover { background-position:-196px -344px; } }
			.google a { .sprite(0, -1051px); &:hover { background-position: 0 -1118px; } }
			.pinterest a { .sprite(0, -1313px); &:hover { background-position: 0 -1380px; } }
			.tumblr a { .sprite(-196px, -143px); &:hover { background-position:-196px -210px; } }	
		}
		.paiement { margin-top:13px; position:relative; width:173px; height:136px;
			h4, div.h4_footer { padding-top:7px; position:relative; z-index:2; color:#228DB9; }
			img { position:absolute; top:0; left:0; }
		}
	}
	.col_liens { overflow:hidden;float:left;width:600px;
		.line { overflow:hidden; padding-bottom:10px; }	
		.titlefooter { font-size:12px; color:#4A4A53; }
		a { display:block; font-size:11px; color:#fff; }
		ul { padding-top:5px; }
		li { padding:2px 0; }
		a:hover { color:#4A4A53; }	
		.col { float:left; margin:0 20px; width:159px; }
	}
	.ref_other{font-size:10px; color:#fff;overflow:hidden;text-align: justify;margin:5px 12px;}
}
#footer_link { font-size:11px; width:900px; margin:0 auto; text-align:center; padding:5px 0;
	a { color:#4a4a53; &:hover { .underline; } }	
}
.nombre_enfant{visibility: hidden;height: 1px !important;width: 1px !important;}


form#bon_retour{
  .edit_br_lst2{text-align:center;padding-top:7px;padding-bottom:7px;background:#E5E5E5;}
}
.save_panier{
  p.btn_gris_fleche{float:right;margin:10px 0 0 0;}
}

ul.ui-autocomplete{list-style: none;background:#ffffff;width:368px;border:1px solid #F3F3F3;border-top:none;z-index:120;}
ul.ui-autocomplete li{line-height:25px;font-size:11px;}
ul.ui-autocomplete li a div{margin-left:15px;}
ul.ui-autocomplete li a{display:block;padding:0px 10px;}
ul.ui-autocomplete li.odd a{background:#F1F1F1;}
ul.ui-autocomplete li a:hover{cursor:pointer;background:#33A0B1;color:#ffffff;font-weight:normal;}

.ui-helper-hidden-accessible{display:none;}
.lienside{float:left;margin-bottom:5px;}
.itemprop_cyb { display:none; }


.msg_erreur_insertion {
  color: #FF0000;
  font-size: 14px;
  margin: 5px;
  text-align: center;
}
.bloc_prod_126_233blocMenu { width:104px; height:265px; border:1px solid #c9c9c9; padding:4px 6px; position:relative;
  .visuel { position:relative; text-align:center; margin-bottom:10px;
    img { max-width: 104px; }
  }
  .titre { font-size:11px; height:37px; margin-bottom:6px; overflow:hidden; line-height:1.1; }
  .titre_h5_min { font-size:10px; font-weight:bold;height:51px; }
  .etiquette_promo { .sprite(0, -427px); width:55px; position:absolute; top:-11px; left:3px; padding-right:7px; height:36px; line-height:36px; text-indent:0; text-align:center; font-size:15px; font-weight:bold; }
  .etiquette_nouveaute { .sprite(0, -503px); width:88px; position:absolute; top:-11px; left:3px; color:#fff; padding-right:7px; height: 42px; line-height:40px; text-indent:0; text-align:center; font-size:14px; font-weight:bold; }
  .prix { bottom: 10px;position: absolute;right: 9px;
    del { font-size:10px; height:25px; display:block; line-height:25px; float:left;margin-right: 6px;}
    span { font-size:15px; font-weight:bold; color:#fff; background:#228DB9; float:right; height:25px; line-height:25px; .border-radius; padding:0 2px; margin-left:0;}
  }
  .hover { position:absolute; top:0; left:0; width:116px; height:233px; background:none; display:none;
    .desc_tronque { background: #fff; font-size: 12px; height: 91%; .opacity(0.5); padding: 10px;}
    .add {bottom: 2px; margin: auto; position: absolute; right: 9px; width: 98px;
      .btn { display:block; width:84px; height:32px; line-height:1.2; padding:3px 7px 0 7px; background:#228DB9; .border-radius(3px); font-size:12px; font-weight:bold; color:#fff; cursor:pointer; &:hover { background:#228DB9; }}
      .picto { .sprite(0, -813px); width: 18px; height: 16px; float:left; margin:6px 7px 0 0;  }
    }
  }
  .hover.spe_menu { position:absolute; top:0; left:0; width:116px; height:233px; display:none;}
  &:hover { border:1px solid #4a4a53; .hover { display:block; }}
}

#header_menu > ul {
  display: block;
  margin: 0 auto;
  width: 890px;
}
#header #header_menu > ul > li:last-child .niv1 {
  border-right: medium none !important;
}
p.titre_recap_sur_mesure {
  clear: both;
  display: block;
  margin: 11px 11px 0;
}

.retour_attribut .titre_recap_sur_mesure {
  float: left;
}

#produit #content_prod #prod_attribut #list_att.uneCouleurAlignement li {
  display: block;
  float: none;
  margin: 5px auto;
  text-align: center;
  width: 70px;
}

.option_de_personnalisation{

  .carre_couleur { display: inline-block;height: 25px;margin-left: 5px;position: relative;top: 6px;width: 25px; }
}

.emplacement > span {
  display: inline-block;
  padding-left: 15px;
  text-align: left;
  width: 185px;
}
.emplacement > img {
  height: 90px;
}
.emplacement .titre_recap_sur_mesure {
  display: inline-block;
  position: relative;
  top: -35px;
}
#recap_tissu .taille {
  margin-top: 10px;
}
.titre_recap_sur_mesure_h1{
  font-weight: bold;
  text-decoration: underline;
  margin: 11px 11px 0;
}
.couleurProd,.taille,.emplacement{position: relative;}

#divGlobalBasket {
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #228db9;
  display: none;
  padding-top: 0;
  position: relative;
  right: 140px;
  top: -30px;
  width: 292px;
  z-index: 999;
}
.unprodpanier {
  border-bottom: 1px solid #228db9;
  clear: both;
  height: 56px;
  padding:26px 4px 4px 7px;
  position:relative;
}
.unprodpanier div {
  float: left;
}
.unprodpanier_img > img {
  height: 53px;
  width: 39px;
}
.unprodpanier_txt {
  width: 183px;
  .l1 {color: #444444;font-size: 11px;font-weight: bold;text-transform: uppercase;width: 170px;}
  .l3{color: #444444;font-size: 9px;font-weight: bold;}
}
.unprodpanier_prix {
  position: absolute;
  right: 10px;
  top: 25px;
}
.unprodpanier_prix > p {
  color: #228db9;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}
#header_panier .acces,#header_compte {
  position: relative;
  z-index: 9999;
}
#rollover_panier_content > p#prixpaniertotttc {
  color: #228db9;
  font-size: 18px;
  font-weight: normal;
  margin-left: 37px;
  margin-top: 8px;
}
.nb_produit_pop {
  color: #8c8c8c;
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 37px;
}
#bouton_valider {font-weight: bold;text-transform: uppercase;height: 30px;margin: 10px 38px;width: 164px;
  a {background: url("/styles/homebain/images/bouton-cms.png") no-repeat scroll left top rgba(0, 0, 0, 0);border: 0 none;border-radius: 3px;color: #ffffff;float: left;font-size: 10px;height: 30px;line-height: 30px;padding: 0 16px 0 7px;width: 157px;}
}
p.qtePopupPanier{
  bottom: 7px;position: absolute;right: 10px;
  .btn_plus {background: url('/styles/images/btn_plus_rollpanier.jpg') no-repeat;color: #fff;cursor: pointer;float:left;height: 15px;line-height: 11px;width: 15px;text-indent:-999999px;}
  .btn_moins {background: url('/styles/images/btn_moins_rollpanier.jpg') no-repeat;color: #fff;cursor: pointer;float:left;height: 15px;line-height: 11px;width: 15px;text-indent:-999999px;}
}
#popup_panier .produit .detail_prod .attribut br, #popup_panier .produit .detail_prod .attribut p {
  display: block;
  margin-top: 6px;
}
#produit_prix .lib {display:none;}
.unprodpanier_prix.isPromo > p.barre {
  color: #4a4a53;
  font-size: 13px;
  text-align: right;
  text-decoration: line-through;
  font-weight: normal;
}
.unprodpanier_prix.isPromo > p {
  padding: 0;
}
.unprodpanier_prix.isPromo {
  top: 24px;
}
.ligne_promo {
  border-bottom: 1px solid #228db9;
  display: block;
  height: 50px;
  padding-top: 10px;
}
.ligne_promo > p {
  font-size: 14px;
  font-style: italic;
  margin: 0 10px;
}
#prixpaniertotttc {
  position: relative
}
.prix_total_panier_pop{
  position: absolute;
  right: 9px;
  text-align: right;
  width: 120px;
}

#popup_panier .produit .detail_prod .attribut br, #popup_panier .produit .detail_prod .attribut p {
  display: block;
  margin-top: 6px;
}



.une_ligne {
  display: block;
  position: relative;
}
.une_ligne .titre_recap_sur_mesure {
  color: #228db9;
  display: inline-block;
  float: left;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 10px;
  width: 230px;
  text-align:left;
}
.une_ligne .valeur_recap_sur_mesure {
  float: left;
  line-height: 27px;
  margin-left: 20px;
  margin-top: 10px;
  text-align: left;
  width: 150px;
}
.une_ligne .valeur_recap_sur_mesure.plus_grand{
  line-height: normal;
  margin-top: 17px;
  width: 280px;
}
.une_ligne.taille.uncouleur .valeur_recap_sur_mesure {
  margin-top: 6px;
}
#surmesure_etape3 .step3_action.positionDeux .btn_gris_fleche_gauche {
  margin-top: 3px;
}
.une_ligne.speEmplacement {
  height: 110px;
}
.une_ligne.speEmplacement .titre_recap_sur_mesure {
  line-height: 110px;
}
#surmesure_etape3 .step3_action.positionTrois .btn_gris_fleche_gauche {
  margin-top: 45px;
}
.une_ligne.speEmplacement .valeur_recap_sur_mesure {
  left: -6px;
  position: relative;
}
#surmesure_etape3 .step3_action.positionDeux,#surmesure_etape3 .step3_action.positionTrois,#surmesure_etape3 .step3_action.positionUn {
  padding:0;
}
.hr_recap{
  height: 1px; margin: 8px auto 0px; width: 517px; background: none repeat scroll 0% 0% rgb(207, 207, 207);
}
.titre_recap_sur_mesure > img {
  position: relative;
  top: 5px;
}

#bloc_recap > h1 {
  margin-bottom: 20px;
}
#popup_panier .image > img {
  margin-top: 40px;
}
.unprodpanier_prix.isPromo > p.barre {
  color: #4a4a53;
  font-size: 13px;
  text-align: right;
  text-decoration: line-through;
  font-weight: normal;
}
.unprodpanier_prix.isPromo > p {
  padding: 0;
}
.unprodpanier_prix.isPromo {
  top: 22px;
}
.ligne_promo {
  border-bottom: 1px solid #228db9;
  display: block;
  height: 50px;
  padding-top: 10px;
}
.ligne_promo > p {
  font-size: 14px;
  font-style: italic;
  margin: 0 10px;
}
#prixpaniertotttc > span {
  margin-right: 55px;
}



#cnil_cookie{
  bottom: 0;
  width: 100%;
  height: 30px;
  border-bottom: 1px solid dodgerblue;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  color: #000000;
  font-size: 11px;
}

#cnil_cookie a {
  border-bottom: 1px dotted #000;
  text-decoration: none;
}
#cnil_cookie a:hover {
  color: #000000;
}

#cnil_cookie a#close_cookie  {
  border:none;
  text-decoration: none;
  float: right;
  margin-right: 40px;
  margin-top: 3px;
}

#cnil_cookie a#close_cookie {
  color: #000000;
}