/**
 	* @package    MA
 	* @subpackage	css
 	* @version    SVN: $Revision$ $Date$ $Author$
 	* @desc       frame
 	*/


/* base frame */
.frame {
	background-color: #fff;
	position:relative;width:100%;
	margin:15px auto;
}

.frame .top {
	font-weight:bold;
	color:#000;
	position:relative;
}
.frame .top h1, .frame .top h2, .frame .top .h2{
	background: none;
	overflow: hidden;
}
.b_content .col_content .frame .top h2{font-size: 21px; position: relative;text-transform: uppercase;}
.frame .top h2.main_titre_produit{
	font-size: 18px;
}
.frame .top h2.special{
	font-size: 16px;
}

.frame .top h3, .frame .top .h3, .frame .top h4,.frame .top .h3, .frame .top .titre{
	overflow: hidden;
}
.frame .middle .h3 {
	background: none;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	line-height: 20px;
	margin-right: 2px;
}

/* force color */
div.f_smalt .top h1, div.f_smalt .top h2, div.f_smalt .top h3, div.f_smalt .top h4 { background:url("../../img/commun/color/smalt/frame_head.png") no-repeat scroll 0 0 transparent; }
div.f_lochmara .top h1, div.f_lochmara .top h2, div.f_lochmara .top h3, div.f_lochmara .top h4 { background:url("../../img/commun/color/lochmara/frame_head.png") no-repeat scroll 0 0 transparent; }
div.f_deep-cerulean .top h1, div.f_deep-cerulean .top h2, div.f_deep-cerulean .top h3, div.f_deep-cerulean .top h4 { background:url("../../img/commun/color/deep-cerulean/frame_head.png") no-repeat scroll 0 0 transparent; }
div.f_tangerine .top h1, div.f_tangerine .top h2, div.f_tangerine .top h3, div.f_tangerine .top h4{ background:url("../../img/commun/color/tangerine/frame_head.png") no-repeat scroll 0 0 transparent; }
div.f_gray .top h1, div.f_gray .top h2, div.f_gray .top h3, div.f_gray .top h4, div.f_gray .top .titre { background: none;color: inherit;}
div.f_gray .top h3, .frame .frame .top h3.thin{background:url("../../img/commun/color/gray/frame_head.png") no-repeat scroll 0 0 transparent;}




.frame .middle {padding:1px 2px;}

.col_content.c_half .frame .middle { background-position: -6642px 0; }

.frame .bottom {
	height:4px;font-size:4px;line-height:4px;
}

.f_bottom_more { width: 216px; height: 16px; cursor: pointer; }
.f_bottom_more > div { height: 10px;  color: #424448; font-size: 12px;font-style: italic;text-decoration: underline;}


/* base subframe */
.frame .frame {
	margin:12px auto;
}

.frame_modal {margin:0; padding:0; width:auto;}
.frame .frame_modal {margin:0; padding:0}

/* horizontal light to dark invert gradiant_s */
/* horizontal dark to light normal gradiant_s */
/* white */
.col_content.c_half .f_white .middle { background-position: -6842px 0; }

.frame .middle .gradiant_xs { background:#FFFFFF; }
.frame .middle .gradiant_s { background:#FFFFFF; }
.frame .middle .gradiant_m { background:#FFFFFF; }

/* vertical dark to light gradiant */
.f_vert_dtl .middle { padding-top: 0; padding-bottom: 0; }
.f_vert_dtl .middle .gradiant_xs, .f_vert_dtl .middle .gradiant_s,
.f_vert_dtl .middle .gradiant_m { background-position: top;/* padding-top: 1px; padding-bottom: 1px;*/ }

/* */
.f_noshadow, .frame .f_noshadow {
	box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;
}

/* frame cell */
.f_cell {}
.f_cell .top {
	font-size:4px;height:4px;line-height:4px;
}
.f_cell .top h1, .f_cell .top h2, .f_cell .top h3, .f_cell .top h4 {
	display:none;
}

/* frame side shadow */
.shadow_l { background:url("../../img/commun/color/shadow.png") no-repeat scroll left 0 transparent;
	position:absolute;top:4px;right:100%;width:7px;height:95%;font-size:0;line-height:0;*height:0; }
.shadow_r { background:url("../../img/commun/color/shadow.png") no-repeat scroll right 0 transparent;
	position:absolute;top:4px;left:100%;width:7px;height:95%;font-size:0;line-height:0;*height:0; }

.shadow_t { background:url("../../img/commun/color/shadow.png") no-repeat scroll -3px top transparent;
	position:absolute;left:4px;bottom:100%;width:95%;height:7px;font-size:0;line-height:0;*height:0;*width:0; }
.shadow_b { background:url("../../img/commun/color/shadow.png") no-repeat scroll -3px bottom transparent;
	position:absolute;left:4px;top:100%;width:95%;height:7px;font-size:0;line-height:0;*height:0;*width:0; }

.shadowr_t { background:url("../../img/commun/color/shadowr.png") no-repeat scroll right top transparent;
	position:absolute;right:1px;bottom:100%;width:95%;height:7px;font-size:0;line-height:0;*height:0;*width:0; }
.shadowr_b { background:url("../../img/commun/color/shadowr.png") no-repeat scroll right bottom transparent;
	position:absolute;right:1px;top:100%;width:95%;height:7px;font-size:0;line-height:0;*height:0;*width:0; }

/*
**	CONTENT
*/

/* frame */
.col_content .frame { width:723px; }
.col_content.c_half .frame { width:478px; }
.frame .top { background-position:0 -68px; }
.col_content.c_half .frame .top { background-position: 0 -587px; }
.frame .top h1, .frame .top h2, .frame .top .h2, .frame .top h3, .frame .top .h3, .frame .top .titre { background-position:0 0; }


.frame .top h1,
.frame .top h2,
.frame .top .h2,
.frame .top h3,
.frame .top .h3,
.frame .top .titre {
	font-size:21px;
	font-weight:bold;
	color:#235397;
	height: 38px;
	line-height: 34px;
	padding:2px 1px 0 15px;
	margin-right: 2px;
}
.frame .top h2.onTwoLines {
	overflow: inherit;
	height: 76px;
}
.antvoice_recommendations .frame .top h2{font-size: 18px;}

.frame .top h2.special, .frame .top .h2.special { background-position: 0 -34px; }
.frame .top h1.cat, .frame .top h2.cat, .frame .top .h2.cat { background-position: 0 -68px;height:40px;line-height:18px;padding-top:9px; }
.frame .top h1.cat{font-size: 18px;    background: #235397;	color: #ffffff;}
.frame .top h2.cat_small, .frame .top .h2.cat_small { background-position: 0 -68px;height:22px;line-height:18px;padding-top:9px; }
.col_content.c_half .frame .bottom { background-position: 0 -624px; }

.frame .top .h1 { height: 40px; position: relative; }
.frame .top .h1 .soustitre { position:absolute;padding:2px 1px 0 15px; top: 27px; color:#FFFFFF;font-size:14px;	font-weight:normal;}

.col_content .frame .middle ul, .frame_modal .middle ul,
.col_content .frame .middle ol, .frame_modal .middle ol { padding:0 0 0 2em;margin:0.25em 0 0.75em; }
.col_content .frame .middle ul.padl0{padding-left: 0;}

.col_content .frame .middle ul.list_marg, .frame_modal .middle ul.list_marg,
.col_content .frame .middle ol.list_marg, .frame_modal .middle ol.list_marg { margin: 1.5em 0 2em; }
ul.list_marg li, ol.list_marg li { margin: 1em 0; }


/* sous frame auto */
.frame .frame { width:703px; }
.frame .frame .top { background-position:0 -545px; }
.frame .frame .top h3, .frame .top .h3 { background-position:0 -118px; }
.frame .frame .top h3, .frame .top .h3 {
	font-size:14px;
	font-weight: normal;
	color:#FFFFFF;height:40px;
	line-height:40px;
	padding:2px 1px 0 12px;
	margin-right:2px;
}
.frame .frame .top h3.thin, .frame .frame .top .h3.thin { font-size:14px;height:21px;line-height:21px;padding:2px 1px 0 12px; }
.frame .frame .top h3.thin.special, .frame .frame .top .h3.thin.special { background-position:0 -174px;height:18px;line-height:18px;padding:2px 1px 0 12px;font-size:12px;text-shadow: none; }
.frame .frame .top h3.cat, .frame .frame .top .h3.cat { background-position:0 -545px;font-size:14px;height:40px;line-height:38px;padding:2px 1px 0 12px; }
.frame .frame .middle { background-position:-1471px 0;font-size:12px; }
.frame .frame .bottom { background-position:0 -147px; }

.frame .frame .f_half { left:3px;margin:6px 7px; }


/* 2/3 1/3 */
.frame .f_artc { width:425px;float:left; }
.frame .f_artc .top,
.frame .f_artc .top h3 { background-position:0 -152px; }
.frame .f_artc .top h3 { height:18px;line-height:18px;padding:3px 12px 0;font-size:12px;text-shadow:none; }
.frame .f_artc .middle { background-position:-787px 0;font-size:12px; }
.frame .f_artc .bottom { background-position:0 -169px; }

.frame .f_artr { width:257px;float:left; }
.frame .f_artr .top,
.frame .f_artr .top h3 { background-position:-426px -152px; }
.frame .f_artr .top h3 { height:18px;line-height:18px;padding:3px 12px 0;font-size:12px;text-shadow:none; }
.frame .f_artr .middle { background-position:-1213px 0;font-size:12px; }
.frame .f_artr .bottom { background-position:-426px -169px; }

/* sous frame moitier */
.frame .f_half { width:332px;display:inline;float:left;left:7px;margin:16px 10px; }
.frame .f_half .top,
.frame .f_half .top h3 { background-position:0 -196px; }
.frame .f_half .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:30px;line-height:30px;padding:2px 1px 0 12px; }
.frame .f_half .middle { background-position:-454px 0;font-size:12px; }
.frame .f_half .bottom { background-position:0 -225px; }

/* frame cat 1/3 */
.col_content .f_cat_1_3 { width:236px;float:left;margin:8px 0 0 0; }
.col_content .f_cat_1_3 .top,
.col_content .f_cat_1_3 .top h3 { background-position:0 -230px; }
.col_content .f_cat_1_3 .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:40px;line-height:18px;padding:9px 1px 0 12px;margin-right:2px; }
.col_content .f_cat_1_3 .middle { background-position:-217px 0;font-size:12px; }
.col_content .f_cat_1_3 .bottom { background-position:0 -275px; }
/* frame cat 2/3 */
.col_content .f_cat_2_3 { width:483px;float:left;margin:8px 0 0 3px; }
.col_content .f_cat_2_3 .top,
.col_content .f_cat_2_3 .top h3 { background-position:-237px -230px; }
.col_content .f_cat_2_3 .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:40px;line-height:18px;padding:9px 1px 0 12px;margin-right:2px; }
.col_content .f_cat_2_3 .middle { background-position:-2899px 0;font-size:12px; }
.col_content .f_cat_2_3 .bottom { background-position:-237px -275px; }

/* frame tier */
.col_content .f_col { width:236px;display:inline;float:left;left:2px; }
.col_content .f_col .top,
.col_content .f_col .top h3 { background-position:0 -322px; }
.col_content .f_col .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:30px;line-height:30px;padding:2px 1px 0 12px;margin-right:2px; }
.col_content .f_col .top h3.cat { background-position:0 -230px;font-size:14px;font-weight:bold;height:40px;line-height:18px;padding-top:9px; }
.col_content .f_col .top h3.mline  { background-position:0 -280px;font-size:12px;font-weight:bold;height:34px;line-height:14px;padding:7px 1px 0 12px; }
.col_content .f_col .top h3.special { background-position:-237px -322px;padding:2px 1px 0 41px; }
.col_content .f_col .top h3.thin { background-position:0 -356px;font-size:12px;height:21px;line-height:21px;padding:2px 1px 0 12px; }
.col_content .f_col .top h3.thinl { background-position:-237px -356px;font-size:12px;height:21px;line-height:21px;padding:2px 1px 0 12px; }
.col_content .f_col .middle { background-position: -217px 0; }
.col_content .f_col .middle ul { list-style:none;padding:4px 1px 0 8px; }
.col_content .f_col .bottom { background-position:0 -375px; }
.col_content .f_col.f_mid { margin: 8px 6px; }

/* sous frame tier */
.frame .f_third { width:216px;display:inline;float:left;left:5px;margin:0 10px; }
.frame .f_third .top,
.frame .f_third .top h3,
.frame .f_third .top h4 { background-position:0 -380px; }
.frame .f_third .top h3,
.frame .f_third .top h4,
.frame .f_third .top .titre { font-size:11px;font-weight:bold;color:#FFFFFF;height:19px;line-height:19px;padding:2px 1px 0 12px; }
.frame .f_third .middle { background-position:0 0;font-size:11px; }
.frame .f_third .bottom { background-position:0 -398px; }

/* frame more : en voir plus */
.frame .f_more .bottom { background-position: 0 -386px; height: 16px; }

/* frame demi */
.col_content .f_demi { width:360px; display:inline; float:left; }
.col_content .f_demi:first-child{ margin-right: 3px; }
.col_content .f_demi .top { background-position: 0 -587px; }
.col_content .f_demi .top h2, .col_content .f_demi .top h3 { background-position: 0 -631px; }


/*
** COLONNE
*/

/* frame */
.col_block .frame { width:236px; }
.col_block .frame .top { background-position:0 -230px; }
.col_block .frame .top h3 { background-position:0 -322px; }
.col_block .frame .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:30px;line-height:30px;padding:2px 1px 0 12px;margin-right:2px; }
.col_block .frame .top h3.mline, .col_block .frame .top h2.mline { background-position:0 -280px;font-size:12px;font-weight:bold;height:34px;line-height:14px;padding:7px 1px 0 12px; }
.col_block .frame .top h3.cat { background-position:0 -230px;font-size:14px;font-weight:bold;height:40px;line-height:18px;padding-top:9px; }
.col_block .frame .top h3.cat_thin { background-position:0 -230px;font-size:14px;font-weight:bold;height:22px;line-height:20px;padding-top:4px; }
.col_block .frame .top h3.special { background-position:-237px -322px;padding:2px 1px 0 41px; }
.col_block .frame .top h3.thin { background-position:0 -356px;font-size:12px;height:21px;line-height:21px;padding:2px 1px 0 12px; }
.col_block .frame .top h3.thinl { background-position:-237px -356px;font-size:12px;height:21px;line-height:21px;padding:2px 1px 0 12px; }
.col_block .frame .middle { background-position: -217px 0; }
.col_block .frame .bottom { background-position:0 -375px; }

/* Class */
.col_block .frame .top .h3 { font-size:14px;font-weight:bold;color:#235397;height:30px;line-height:30px;padding:2px 1px 0 12px;margin-right:2px; }
.col_block .frame .top .h3.mline { font-size:12px;font-weight:bold;height:34px;line-height:14px;padding:7px 1px 0 12px; }
.col_block .frame .top .h3.cat { font-size:14px;font-weight:bold;height:40px;line-height:18px;padding-top:9px; }
.col_block .frame .top .h3.special { padding:2px 1px 0 41px; }

.col_block .frame .top .h3.thin,
.col_content.c_half .frame .top h3,
.col_block .frame .top .h3.thinl,
.col_block .frame .top .h3.mline{

	font-size: 14px;
	height: 30px;
	line-height: 21px;
	padding: 8px 1px 0 6px;
	color: #235397;
	background: none;
	position: relative;

}

.col_block .frame .top .h3.mline, .col_block .frame div.h2.cat_thin{

	margin-bottom: 20px;
	height: 50px;
	padding: 2px 1px 0 8px;
}

.col_block .frame div.h2.cat_thin {

	font-size: 14px;
	margin-bottom: 0;
	height: 38px;
	text-transform: uppercase;
}

.col_block .frame .top .h3.thin:after,
.col_block .frame .top .h3.thin:after,
.col_block .frame .top .h3.thinl:after,
.col_content.c_half .frame .top h3:after,
.col_block .frame .top .h3.mline:after{

	content: "";
	display: block !important;
	background: #235397;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;

}

.col_block .frame .top .h2.cat_thin:after,
.col_block .frame .top .h2.cat_thin:after,
.col_block .frame .top .h2.cat_thinl:after,
.col_block .frame .top .h2.cat_mline:after,
.col_block .frame .top .h3:after{

	content: "";
	display: block !important;
	background: #235397;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;

}
.frame .top h1.main_titre_produit:after,
.frame .top h2:after,
.frame .top .titre:after,
.frame .top h3.cat_thin:after
{

	content: "";
	display: block;
	background: #235397;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/* sous frame */
.col_block .frame .frame { width:216px; }
.col_block .frame .frame .top,
.col_block .frame .frame .top h4 { background-position:0 -380px; }
.col_block .frame .frame .top h4 { font-size:11px;font-weight:bold;color:#FFFFFF;height:19px;line-height:19px;padding:2px 1px 0 12px;margin-right:2px; }
.col_block .frame .frame .middle { background-position:0 0;font-size:11px; }
.col_block .frame .frame .bottom { background-position:0 -398px; }

/* sous frame with a maximum width */
.col_block .frame .frame.f_maxw { width:229px; }
.col_block .frame .frame.f_maxw .top,
.col_block .frame .frame.f_maxw .top h4 { background-position:-724px -380px; }
.col_block .frame .frame.f_maxw .top h4 { font-size:11px;font-weight:bold;color:#FFFFFF;height:19px;line-height:19px;padding:2px 1px 0 12px; }
.col_block .frame .frame.f_maxw .middle { background-position:-6612px 0;font-size:11px; }
.col_block .frame .frame.f_maxw .bottom { background-position:-724px -398px; }


/*
** GLOBAL
*/

.b_content .f_full { width:966px;left:-1px;margin:4px auto; }
.b_content .f_full .top { background-position: 0 -505px; }
.b_content .f_full .top h1,
.b_content .f_full .top h2,
.b_content .f_full .top h3 { background-position:0 -437px; }

div.b_content .f_chaine.f_full .top h1,
div.b_content.pneus .f_full .top h1 {

	padding: 5px 23px 2px 17px;
	position: relative;

}

div.b_content.pneus .f_full .top h1:after {

	content: "";
	height: 2px;
	background: #235397;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;

}

.b_content .f_full .top .backg {  background: url("../../img/commun/color/smalt/frame_head.png") no-repeat scroll -1px -711px transparent;overflow: hidden;}
.b_content .f_full .top h3 { font-size:14px;font-weight:bold;height:28px;line-height:28px;padding:3px 1px 0 12px;}
.b_content .f_full .top .backg h1,
.b_content .f_full .top .backg h2,
.b_content .f_full .top .backg h3 { background: none;}

.b_content .f_full .middle { background-position:-4414px 0;font-size:12px; }

.b_content .f_full .col_block { width:229px;padding:0 1px 1px; }
.b_content .f_full .col_content { width:714px;padding:0 7px 1px 6px; }

.b_content .f_full .col_block .frame { width: 229px; }
.b_content .f_full .col_block .frame .top { background-position: -724px -380px; }
.b_content .f_full .col_block .frame .middle { background-position: -6612px 0; }
.b_content .f_full .col_block .frame .bottom { background-position: -724px -398px; }

.b_content .f_full .col_content .f_home { width: 714px; }
.b_content .f_full .col_content .f_home .top { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -3618px 0 transparent; }
.b_content .f_full .col_content .f_home .middle { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -3618px -70px transparent; padding-bottom:8px; }
.b_content .f_full .col_content .f_home .backg { background: url("../../img/commun/color/frame_gloss2.png") repeat-y scroll -4333px 0 transparent; overflow:hidden;}
.b_content .f_full .col_content .f_home .bottom { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -5048px bottom transparent; }

.b_content .f_full .col_content .f_homeb { width: 714px; }
.b_content .f_full .col_content .f_homeb .top { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -5763px 0 transparent; }
.b_content .f_full .col_content .f_homeb .middle { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -5763px -70px transparent; }
.b_content .f_full .col_content .f_homeb .middle .f_thide { height: 149px; }
.b_content .f_full .col_content .f_homeb .backg { background: url("../../img/commun/color/frame_gloss2.png") repeat-y scroll -6478px 0 transparent; overflow:hidden;}
.b_content .f_full .col_content .f_homeb .bottom { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -7193px bottom transparent; }

.b_content .f_full .top h1.higher,
.b_content .f_full .top h2.higher { background-position: 0 -505px; }
.b_content .f_full .top h1.higher,
.b_content .f_full .top h2.higher { font-size:16px;font-weight:bold;color:#FFFFFF;height:36px;line-height:36px;padding:3px 1px 0 20px; }

.b_content .f_tier .top .h3.thin {

	font-size: 14px;
	height: 28px;
	line-height: 21px;
	font-size: 14px;
	height: 30px;
	line-height: 21px;
	padding: 8px 1px 0 6px;

}

.b_content .f_tier .top .h2.thin {

	background: none;
	padding: 2px 1px 0 10px;

}

.b_content .f_full .top h1.higher_grey
, .b_content .f_full .top h2.higher_grey { background: url("../../img/commun/color/smalt/frame_head.png") no-repeat scroll -1px -711px transparent; font-size:20px; font-weight:bold; text-transform: none; text-shadow: none; color:#369; height:36px; line-height:36px; padding:3px 1px 0 70px; }
.b_content .f_full .top h1.higher_grey span
,.b_content .f_full .top h2.higher_grey span  { color: #FF990E; }

.b_content.pa_generique .f_full .top h1.higher_grey
, .b_content.pa_generique .f_full .top h2.higher_grey { background:none; font-size:20px; font-weight:bold; text-transform: none; text-shadow: none; color:#369; height:36px; line-height:36px; padding:3px 1px 0 70px;}
.backg h1.higher_grey, .backg h2.higher_grey { float:left;}
.b_content.pa_generique .f_full .top .backg span { color: #FF990E; font-size: 20px;font-weight: bold; text-transform: none;text-shadow: none;height: 36px;line-height: 36px;padding: 3px 1px 0 5px;float: left;}

.b_content .f_tier { width: 327px; margin: 0 10px 0 5px; }
.b_content .f_tier .top { background-position: 0 -629px; }
.b_content .f_tier .top h1,
.b_content .f_tier .top h2,
.b_content .f_tier .top h3 { background-position: 0 -665px; }
.b_content .f_tier .middle { background-position: -7121px 0; }
.b_content .f_tier .bottom { background-position: 0 -658px; }

/*
** SPECIAL
*/


/*
**	frame (half) mode paiement
**	panier / moncompte
*/

.f_modep { height: 112px; }
.f_modep .shadow_l, .f_modep .shadow_r { height:106px; }
.f_modep .middle { padding: 4px 12px; height:96px; }
.f_modep label { position:relative;display:inline;display:inline-block;float:none;vertical-align:middle;line-height:1em; width:92px;margin-left: 16px;font-size:77px;_font-size:70px; }
.f_modep label span.picto { position: relative; overflow: visible; }
.f_modep label span.picto_txt { position: absolute; left: 0; bottom: 0; font-size: 12px; line-height: normal; text-align: center; width: 85%; }
.f_modep label span.picto input { position: absolute; right: 100%; bottom: 50%; margin-bottom: -7px;}
.f_modep label.carte { float:left;font-size:28px;line-height:32px;width:86px; }
.f_modep label input { display:inline; width:auto; margin:0 4px 0 0;padding:0;vertical-align:middle; border:0 none; width:13px;height:13px; }
.f_modep span.p { display:inline-block;width:184px;vertical-align:middle; }
.f_modep .txt { font-size:11px;padding:8px 4px 0; }


/*
**	frame home
*/

.f_home { border-radius:4px 4px 5px 5px;-moz-border-radius:4px 4px 5px 5px;-webkit-border-radius:4px 4px 5px 5px; }
.f_home .top { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll 0 0 transparent; }
.f_home .top h2.else { padding-left: 96px; }
.f_home .top h2 .else { background: url("../../img/commun/env/piecesauto/home_sprite.png") no-repeat scroll -622px -452px transparent;
	width:60px;height:60px;line-height:60px;
	position:absolute;top:-34px;left:32px;

	color: #FFFFFF;
	font-size: 16px;font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px #7F7F7F;
}
.f_home .middle { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll 0 -70px transparent; padding-bottom:8px; }
.f_home .backg { background: url("../../img/commun/color/frame_gloss2.png") repeat-y scroll -724px 0 transparent; overflow:hidden;}
.f_home .bottom { background: url("../../img/commun/color/frame_gloss2.png") no-repeat scroll -1448px bottom transparent;
	height: 5px; line-height: 5px;
	border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;
	overflow: hidden;
}


/*
**	frame home small
*/

.col_content .f_hsmall { width: 481px; }
.f_hsmall .top, .frame .f_hsmall .top { background-position: -2172px 0; }
.f_hsmall .top h2, .frame .f_hsmall .top h2 { padding-left: 0px; }
.f_hsmall .backg, .frame .f_hsmall .backg { background-position: -2654px 0; }
.f_hsmall .middle, .frame .f_hsmall .middle { background-position: -2172px -70px; }
.f_hsmall .bottom, .frame .f_hsmall .bottom { background-position: -3136px bottom; }


/*
**	frame thickbox
*/

/* thickbox add-to-cart */
.frame .f_thickbox .top h3 { background: url("../../img/commun/color/smalt/frame_head.png") no-repeat scroll 0 0 transparent; }

.frame .f_thickbox { width:523px; }
.frame .f_thickbox .framempi { width: 630px; }
.frame .f_thickbox .top,
.frame .f_thickbox .top h3 { background-position:0 -403px; }
.frame .f_thickbox .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:28px;line-height:28px;padding:3px 1px 0 12px; }
.frame .f_thickbox .middle { background-position:-3890px 0;font-size:12px; }
.frame .f_thickbox .bottom { background-position:0 -432px; }
/* add-to-cart sub frame */
.f_thickbox .frame { width:506px; }
.f_thickbox .frame .top { background-position:-217px -380px; }
.f_thickbox .frame .middle { background-position:-3383px 0;font-size:12px; }
.f_thickbox .frame .bottom { background-position:-217px -398px; }


/* box selecteur véhicule */
.frame .frame_modal .middle #fs_modal { width: 365px; padding: 0 30px 0 0; float: right; }
.frame .frame_modal .background { background: url("../../img/commun/env/thickbox_selecteur.png") no-repeat; height: 182px; }
.frame .frame_modal .background p { padding: 8px 0 4px 0;  text-transform: uppercase; color: #336699; font-weight: bold; }






/*
**	frame add to cart
*/

.frame .f_addcart { width:630px; }
.frame .f_addcart .top,
.frame .f_addcart .top h2,
.frame .f_addcart .top h3 { background-position:-333px -196px; }
.frame .f_addcart .top h2,
.frame .f_addcart .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:30px;line-height:30px;padding:2px 1px 0 12px; }
.frame .f_addcart .middle { background-position:-5380px 0;font-size:12px; }
.frame .f_addcart .bottom { background-position:-333px -225px; }

/* sub*/
.f_addcart .f_sub { width:600px;margin: 0 auto; }
.f_addcart .f_sub .top,
.f_addcart .f_sub .top h3 { background-position:0 -471px; }
.f_addcart .f_sub .top h3 { font-size:14px;font-weight:bold;color:#FFFFFF;height:30px;line-height:30px;padding:2px 1px 0 12px; }
.f_addcart .f_sub .middle { background-position:-6011px 0;font-size:12px; }
.f_addcart .f_sub .bottom { background-position:0 -500px; }

/* */
.f_addcart table.clpse{ width:100%; border-collapse:collapse;font: inherit; }
.f_addcart .tbox_cart_desc { font-size: 14px; font-weight: bold; }
.f_addcart .tbox_cart_dref { font-size: 14px; font-weight: bold; font-style: italic; color: #777777; }
.f_addcart .tbox_cart_price { font-size: 27px; line-height: 1em; font-weight: bold; text-align: center; color: #E52322; }
.f_addcart .tbox_cart_price span.mentiontaxe_NO{display: block;}
.f_addcart .tbox_cart_pnfo { font-size: 11px; font-weight: bold; text-align: center; }
.f_addcart .nav .btnl {	line-height:48px;font-size:14px; }
.f_addcart .nav .btnr { }
.f_addcart ul#adds_list { margin: 0; padding: 0; list-style-type: none; }
.f_addcart ul#adds_list li div.padbrd { border: 2px solid #A6A6A6; border-width: 0 2px; padding: 3px 4px; }
.f_addcart ul#adds_list li a.imgsiz { display:block;margin:0 auto;padding:8px 0 9px;width:102px;height:64px;overflow:hidden; }
.f_addcart ul#adds_list li .clbl_small { height:30px;overflow:hidden; }
.f_addcart ul#adds_list li .padprice { color: #FF0000;font-size: 20px; padding: 2px 0; }




/*
** frame vehicule principal
*/

.f_vehp .large h5, .f_vehp .large h6 {
    margin-left: 234px;
}
.f_vehp .large .field label {
    width: 224px;
}








/* frame picto */
.frame .pic_temoignages { right:2px;top:2px; }
.frame .pic_focus { top: 16px; left: 16px; }

/* txt head a droite */
.head_r {float:right;padding-right:12px;}



/* frame internal padding */

body .frame .pad0, .col_content .frame .middle .pad0 { padding:0px; }
.pad4, .frame .pad4 { padding:4px; }
.pad6, .frame .pad6 { padding:6px; }
.pad8, .frame .pad8 { padding:8px; }
.pad10, .frame .pad10 { padding:10px; }
.pad16, .frame .pad16 { padding:16px; }
.pad24, .frame .pad24 { padding:24px; }
.pad32, .frame .pad32 { padding:32px; }


.pad1_0, .frame .pad1_0 { padding:1px 0; }
.pad3_6, .frame .pad3_6 { padding:3px 6px; }
.pad4_7, .frame .pad4_7 { padding:4px 7px; }
.pad4_8, .frame .pad4_8 { padding:4px 8px; }
.pad8_16, .frame .pad8_16 { padding:8px 16px; }
.pad16_8, .frame .pad16_8 { padding:16px 8px; }

.pad0_2, .frame .pad0_2 { padding:0 2px; }
.pad0_5, .frame .pad0_5 { padding:0 5px; }
.pad0_8, .frame .pad0_8 { padding:0 8px; }
.pad0_12, .frame .pad0_12 { padding:0 12px; }
.pad0_16, .frame .pad0_16 { padding:0 16px; }
.pad0_24, .frame .pad0_24 { padding:0 24px; }
.pad0_32, .frame .pad0_32 { padding:0 32px; }
.pad0_48, .frame .pad0_48 { padding:0 48px; }
.pad0_56, .frame .pad0_56 { padding:0 56px; }
.pad0_64, .frame .pad0_64 { padding:0 64px; }
.pad8_0, .frame .pad8_0 { padding:8px 0; }
.pad16_0, .frame .pad16_0 { padding:16px 0; }

.padt0, .frame .padt0 { padding-top:0; }
.padt1, .frame .padt1 { padding-top:1px; }
.padt4, .frame .padt4 { padding-top:4px; }
.padt6, .frame .padt6 { padding-top:6px; }
.padt8, .frame .padt8 { padding-top:8px; }
.padt10, .frame .padt10 { padding-top:10px; }
.padt12, .frame .padt12 { padding-top:12px; }
.padt14, .frame .padt14 { padding-top:14px; }
.padt16, .frame .padt16 { padding-top:16px; }
.viewProductPicturesLink { padding-top:36px; }

.padt18, .frame .padt18 { padding-top:18px!important; }
.padt22, .frame .padt22 { padding-top:22px; }
.padt24, .frame .padt24 { padding-top:24px; }
.padt56, .frame .padt56 { padding-top:56px; }

.padb0, .frame .padb0 { padding-bottom:0; }
.padb4, .frame .padb4 { padding-bottom:4px; }
.padb6, .frame .padb6 { padding-bottom:6px; }
.padb8, .frame .padb8 { padding-bottom:8px; }
.padb10, .frame .padb10 { padding-bottom:10px; }
.padb16, .frame .padb16 { padding-bottom:16px; }
.padb20, .frame .padb20 { padding-bottom:20px; }

.padl0, .frame .padl0 { padding-left:0; }
.padl1, .frame .padl1 { padding-left:1px; }
.padl4, .frame .padl8 { padding-left:4px; }
.padl8, .frame .padl8 { padding-left:8px; }
.padl12, .frame .padl12 { padding-left:12px; }
.padl16, .frame .padl16 { padding-left:16px; }
.padl20, .frame .padl20 { padding-left:20px; }
.padl24, .frame .padl24 { padding-left:24px; }
.padl26, .frame .padl26 { padding-left:26px; }
.padr0, .frame .padr0 { padding-right:0; }
.padr1, .frame .padr1 { padding-right:1px; }
.padr4, .frame .padr4 { padding-right:4px; }
.padr8, .frame .padr8 { padding-right:8px; }

.mar0, .frame .mar0{ margin:0px; }
.mar8, .frame .mar8{ margin:8px; }
.mar16, .frame .mar16{ margin:16px; }
.mar8_2, .frame .mar8_2{ margin:8px 2px; }
.mar8_16, .frame .mar8_16{ margin:8px 16px; }
.mar0_12, .frame .mar0_12{ margin:0px 12px; }
.mar8_0, .frame .mar8_0{ margin:8px 0px; }
.mar12_0, .frame .mar12_0{ margin:12px 0px; }
.mar16_0, .frame .mar16_0{ margin:16px 0px; }
.mar16_8, .frame .mar16_8{ margin:16px 8px; }
.mar24_0, .frame .mar24_0{ margin:24px 0px; }

.marl8, .frame .marl8{ margin-left:8px; }
.marl16, .frame .marl16{ margin-left:16px; }
.marl5, .frame .marl5{ margin-left:5px; }
.marr5, .frame .marr8{ margin-right:5px; }
.marr8, .frame .marr8{ margin-right:8px; }
.marr16, .frame .marr16{ margin-right:16px; }

.marb0, .frame .marb0 { margin-bottom:0px; }
.marb4, .frame .marb4 { margin-bottom:4px; }
.marb6, .frame .marb6 { margin-bottom:6px; }
.marb8, .frame .marb8 { margin-bottom:8px; }
.marb12, .frame .marb12 { margin-bottom:12px; }
.marb18, .frame .marb18 { margin-bottom:18px!important; }
.marb24, .frame .marb24 { margin-bottom:24px; }

.mart0, .frame .mart0 { margin-top:0px; }
.mart4, .frame .mart4 { margin-top:4px; }
.mart6, .frame .mart6 { margin-top:6px; }
.mart8, .frame .mart8 { margin-top:8px; }
.mart12, .frame .mart12 { margin-top:12px; }
.mart16, .frame .mart16 { margin-top:16px; }
.mart18, .frame .mart18 { margin-top:18px!important; }
.mart24, .frame .mart24 { margin-top:24px; }

.marb16 { margin-bottom:16px; }

.marlr_auto { margin-left: auto; margin-right: auto; }


.col_content .frame .middle h2{font-size: 18px;}

/* AFFICHAGE OPE FRAIS DE PORT - CADEAU*/
.frame_modal #afficher_infos_ope hr{width: 360px; height: 1px;border: none;background: grey;margin:0 auto;}
.frame_modal #afficher_infos_ope hr:last-child{margin-bottom:10px;}
.frame_modal #opeLivraisonGratuite, .frame_modal #opeCadeau {height: 76px; background: white; padding: 0; }
.frame_modal #opeLivraisonGratuite .bloc, .frame_modal #opeCadeau .bloc { display: inline-block; line-height: 48px; text-align: center; }
.frame_modal #opeLivraisonGratuite .textBloc { vertical-align: middle; line-height: 24px; font-size: 16px;}
.frame_modal #opeCadeau .entete_ope_cadeau { width:367px;line-height: 24px; font-size: 16px;margin-left:33px; }
.frame_modal #opeCadeau .entete_ope_cadeau.stockout { font-size: 15px; }
.frame_modal #opeLivraisonGratuite .price { color: #E52322; font-weight: bolder; }
.frame_modal #opeLivraisonGratuite .price.new,
#content-widget #opeLivraisonGratuite .price.new {color: #FBBB21; font-weight: bolder; }
.frame_modal #opeLivraisonGratuite .livrGrat { font-size: 18px; color: #FBBB21 }
.frame_modal #opeLivraisonGratuite .rg { font-size: 12px; vertical-align: top }
.frame_modal #opeCadeau .mf-gift { font-size: 34px;	margin-left:83px; }
.frame_modal #opeCadeau .mf-gift.dom { margin-left:30px; }
.frame_modal #opeLivraisonGratuite .bloc.left{ margin-left: 55px; }
.frame_modal #opeLivraisonGratuite .bloc.left.dom{ margin-left: 27px; }
.frame_modal #opeLivraisonGratuite .bloc.right{margin-left: 15px;width: 380px;}
.frame_modal #opeLivraisonGratuite .bloc.right.dom{width: 355px; }

#opeLivraisonGratuite.new {
	text-align: center;
}

#opeLivraisonGratuite .pctc100 {
	background: url('../../img/commun/env/panier/sprite-panier2.png') no-repeat -120px -2px;
	width: 73px;
	height: 41px;
}

#content-widget #opeLivraisonGratuite .pctc100 {
	zoom : 45%;
}


/* new ope promo livraison style */

.frame_modal #opeLivraisonGratuite .lineStyle.empty,
#content-widget #opeLivraisonGratuite .lineStyle.empty {
	position:relative;
	height: 3px;
	width: 100%;
	background-color: #c6c7ca;
}


.frame_modal #opeLivraisonGratuite .lineStyle.full,
#content-widget #opeLivraisonGratuite .lineStyle.full {
	position:absolute;
	height: 3px;
	top:0;
	left:0;
	background-color: #fbbb21;
}

.frame_modal #opeLivraisonGratuite .lineStyle.full.pctl50,
#content-widget #opeLivraisonGratuite .lineStyle.full.pctl50 {
	width: 50%;
}

.frame_modal #opeLivraisonGratuite .lineStyle.full.pctl100,
#content-widget #opeLivraisonGratuite .lineStyle.full.pctl100 {
	width: 100%;
}




div.frame h2::first-letter,
div.frame h3::first-letter,
div.frame .h2::first-letter,
div.frame .h3::first-letter
{

	text-transform: uppercase !important;

}