/****** HEADER******/
@media only screen and (max-width:860px) {
.top_Box{width:33.3333%}
.top_Box2{width:33.3333%}
}
@media only screen and (max-width:768px) {
.li_ongletBit{padding:0 0 3px}
}
@media only screen and (max-width:750px) {
.ongletBit_lib{font-size:12px}

}
@media only screen and (max-width:680px) {
	.li_ongletBit{padding:0}
}


@media only screen and (max-width:570px) {
	.topBit.pair .topBitzoom{left:-147px;}
	.topBit.impair .topBitzoom{left:50px;}
}
@media only screen and (max-width:385px) {
	.topBit.impair .topBitzoom{left:40px;}
}
@media only screen and (max-width:350px) {
	.topBit.impair .topBitzoom{left:10px;}
}
@media only screen and (max-width:330px) {
	.topBit.impair .topBitzoom{left:5px;}
}
@media only screen and (max-width:300px) {
	.topBit.impair .topBitzoom{left:-5px;}
}


/*@media only screen and (max-width:640px) {*/
	.titre_page{ border-bottom: 2px solid #7eb54b;border-top: medium none;width:90%; margin:auto}
	.logo{width:100%; margin:0; float:none}
.menu_resp{display:block; float:none; /*width:100%*/margin:auto;}	
.topLink, .menudivers{display:none}
.logo_sm{display:block; margin:auto}
.logo_md, .top_center, .panier{display:none}
	.degrade_head {padding: 10px 0;}
.block_mobile{display:block;}
.none_mobile{display:none}
/**********rechrecher*************/
.search form {background: #d1d2d4;border: 2px solid #b5b5b5;border-radius: 6px 9px 9px 6px;height: 38px;margin: 10px auto;padding-left: 0;position: relative;width: 84%;max-width:100%}
.recherche .ui-input-text{width:100%}
	.search input[type="text"]{color:#58595b}
	.search input[type="text"]{width:90%; text-indent:10px; font-size:15px; height:34px}
	.block_mobile {position: absolute;right: -2px;top: -1px;}
	.pagination .nb_art, .parpage {display: block;max-width: 100%;width: 100%;}.categ_lib span {font-size: 16px;}
/************MENU***********/
.onglets{display:none}
/*}*/

/*@media only screen and (max-width:360px) {*/
	.panier_responsive .monpanier_nbart{right:10%}
/*}*/

/************TOP******************/
@media only screen and (max-width:640px) {
	.top_Box{width:50%}
	.top_Box2{width:50%}
	.topBit_prixmagasin {font:400 12px "gotham_mediumregular"}
	h2.topBit_lib{font-size:13px}
	/**********rechrecher*************/
	.search form {background: #edecee none repeat scroll 0 0;border: 1px solid #b5b5b5;border-radius: 6px;height: 35px;margin: 10px auto;padding-left: 0;position: relative;width: 91%;max-width:100%}
		.search input[type="text"]{width:90%; text-indent:10px; font-size:15px; color:#706d70}
		.block_mobile {position: absolute;right: -2px;top: -1px;}
		.search .ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-body-a{margin:0.5px 0 }
		.search input[type="image"]{margin:0 0 3px; height:37px}
	/***********plan***********/
	 .cadre_g {float: none !important;width: 95% !important;margin:5px auto}
	 
.rechercher_page .cadre_d {float: none;margin: 5px auto;width: 95%;}
	 /*********selection top********/
	 
.onglet-top {background:  url("../template-ombre_selection.png") no-repeat scroll right -16px top -10px;height: 42px;padding-right: 6px;width: 85%;margin:auto}
 .ongletselectProduct .liste_menu_select{text-align:center}
	 .ongletselectProduct .liste_menu_select a {background: url("../template-onglet_selection_bg.jpg") repeat-x  left 9px top;border-radius: 0;border-right: 1px solid #cccccc;padding: 4px 0;position: relative;width: 99%;font:15px/17px "avg"}
	 	.ongletselectProduct .liste_menu_select a.selectionBit_lib_over, .ongletselectProduct .liste_menu_select:hover a {background: #00a79d;}
	 .ombre_right{display:none}
	 .ongletselectProduct .slick-next {background: url("../template-fleche_selection.png") no-repeat scroll center center;border: medium none;color: rgba(0, 0, 0, 0);height: 44px;position: absolute;right: -8%;top: 0;width: 8%;cursor:pointer}
	 .ongletselectProduct .slick-prev {background:url("../template-fleche_selection_left.png") no-repeat scroll center center;border: medium none;color: rgba(0, 0, 0, 0);height: 44px;left: -8%;position: absolute;top: 0;width: 8%;cursor:pointer}
	  .ongletselectProduct .slick-prev.slick-disabled,  .ongletselectProduct .slick-next.slick-disabled{display:none!important}
	}
@media only screen and (max-width:570px) {
	.ongletTopProduct li a{font-size:16px}
	}

@media only screen and (max-width:420px) {
	.ongletTopProduct li a{font-size:14px}
	.topBit_pctpromo{font-size:13px}
	.topBit_prixpromo{font-size:18px}
	.ongletselectProduct .slick-next{right:-10%}
	.box_other_av a span{line-height:13px}
	.topBit_prixmagasin {font: 12px "avg";letter-spacing: -1px;}
	h2.topBit_lib{min-height:33px;}
	}
@media only screen and (max-width:365px) {
	.ongletTopProduct li a{letter-spacing:-1px}
	.topBit_caracts table{font-size:9px}
	h2.topBit_lib{font-size:12px}
	.topBit_pctpromo {font-size: 13px;font-weight: normal;width: 28%;}
	.ongletselectProduct .liste_menu_select a {font:13px/17px "avg"}
	}
/************FOOTEr******************/
@media only screen and (max-width:640px) {
	.paiement_conf{display:none}
	.menu_footer, .bloc_newsletter{float:none; width:auto; margin:5px 0}
	.paiement_conf{padding:9px 0}
	.menu_footer ul{width:100%}
	.bloc_categ_responsive{display:block}
	.av_bloc{width:100%;float:none}
	.list_other_av {background: rgba(53, 56, 60, 0.15);}
	.avantage_content {border-bottom: 1px solid rgb(204, 204, 204);margin: 0 auto 10px;width: 90%;}
		.box_other_av {background:none;width: 30%;padding:0 5px; vertical-align:top}
	.footer {background: #ffffff none repeat scroll 0 0;color: #ffffff;padding: 0;}
		.titre_menu {background: url("../template-footer_bg.jpg");color: #ffffff;margin-bottom: 0;text-align: center;}	
		.bloc_menu {background: url("../template-footer_bg.jpg") repeat scroll 0 0;border-bottom: medium none;border-top: 1px solid #9a9a9a;padding: 18px 0 0;}
		.bloc_newsletter {background: #ffffff ;border: medium none;color: #000000;margin: 0;}	
			.title_news { background:  none ;border-bottom: 1px solid #a34182;padding: 10px 0;text-align: center;}
			.txt_news {background: url("../template-ico_news.png") no-repeat scroll left center;margin: 8px 0;padding: 10px 0 10px 48px;}
			.newsletter {background: #d1d2d4;border: 1px solid #b5b5b5;border-radius: 6px 9px 9px 6px;padding: 4px;position: relative;width: 90%; margin:auto;}
			.newsletter .ui-input-text {width: 87%;padding:0!important}
				.inputnews {background:none!important;}
				.ok_news {background: #a34182 ;border-radius: 6px 9px 9px 6px;color: #ffffff;display: inline-block;font-size: 18px;padding: 12px 8px;position: absolute;right:-2px;top: -2px;border:1px solid #a34182; }
		.copyright {padding: 5px 0 20px;width:80%; margin:auto}
	} 
	
	
@media only screen and (max-width:380px) {
	.menu_footer ul li a{font-size:12px;}
	.ongletArticle li  a {font-size:12px}
	.box_other_av{padding:0; width:32%; word-wrap:break-word}
	}
/************CATEGORIE******************/
@media only screen and (max-width:650px) {
	.titre_page span{font-size:25px; display:block}
	.page_nav a, .page_nav .ui-btn-inner {font-size:12px}
	.bloc_pagination.suiv a, .bloc_pagination {color: #d60c6f;}
	.article_left, .article_right{float:none; width:91%;padding:10px 0; margin:5px auto}
	.bloc_avantage_categ {display: none;}
	.ongletArticle li  a{color:#414142; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;padding:10px 0!important}
	.tab_descr_article {background: #ededed none repeat scroll 0 0;}
	.categ_index{width:50%}
		.categ_index .lien_categ_categ{width:93%; font-size:12px}
	}
@media only screen and (max-width:480px) {
	.title_article{font-size:21px}
	
	}
@media only screen and (max-width:400px) {
	canvas#myCanvas {height: 100%;width: 100%;}
	.produit_ima.big_img{background-size:89%}
}

/************PA§NIER******************/
@media only screen and (max-width:640px) {
	#contenupage_client {margin-top: 10px;}
	.contenu_cde1 {background: #ffffff url("../template-degrade_blue.png") repeat-x;}
.carat_art_panier {display: inline-block;text-align: center;width: 38%;}
.bloc_panier_content{margin-top:20px}
	.cadeau_cde1 span {display: block;margin-right: 0;text-align: center;width: 100%;margin:5px 0}	
	.formCadeau {display: block;width: 100%; text-align:center;}
	.cde_action {float: none;width: 100%;}
		.btn_cde {border-right: 2px solid #ffffff;color: #231f20;display: table-cell;margin: 5px 0;max-width: 311px;padding: 8px 0;text-transform: uppercase;vertical-align: middle;width: 27%;}
	.cde_recap {float: none;margin: 5px auto;width: 98%;}
	.form_client label{display:block; text-align:left; width:100%}
	.suiv_etape_fleche{display:block}
	
	.ligne_panier_px {display: inline-block !important;font-size: 12px ;padding-right: 0;text-align: left;vertical-align: middle;width: auto;}
		.title_panier_art{font-size:21px}
		.title_panier_art a{font-size:21px}
		.image_art_panier {display: inline-block;margin-right:10px;max-width: 192px;vertical-align: middle;width:28%;}
		.art_panier_right {display: block;margin-left: 1%;vertical-align: middle;width: 100%;}
			.descr_art_panier{width:96%}
			.carat_art_panier label{font-size:12px;  display: block;margin-bottom: 5px;width: auto;}
			.caract_value_panier, .caract_value_panier .qte_box{width:100%}
			.caract_value_panier .qte_box a{width:27%}
			.caract_value_panier .qte_box div.ui-input-text {margin: 0;}
			.form_client .ui-input-text {padding: 5px 0;width: 100%;}
			.form_client .select_after_ajax{width:100%;}
}
/*********instit***************/
@media only screen and (max-width:480px) {
    .instit_form{width: 78%;}
}
/*partenaire*/
@media only screen and (max-width:540px) {
    .content_partenaire{width: 40%; margin: 5px;}
}
@media only screen and (max-width:414px) {
    .content_partenaire{width: 60%}
}
/******cde1*****/
@media only screen and (max-width:750px) {
    .formContentLog {margin: 0 5px;}
}

@media only screen and (max-width:640px) {
    .box-50 {float: none; margin:5px auto; width: 100%;}
    .formContentLog {max-width: 100%;}
    .navigation{margin:10px 0}
    .txt_28 {font-size: 23px;}
    .title_page{padding:0}
    .topBit_ima{height:auto}
    .categ_lib span span.txt_28{ display: none;}
    .visible_mobile{display:block!important}  
	.ligne_panier_px.visible_mobile{display:inline-block!important; width:60%}
	 .visible_mobile .title_panier_art{width:auto; display:block}
	 .visible_mobile .title_panier_art a{width:auto; display:block}
    .hide_mobile{display:none!important}
	.article_prix {margin: 10px 10px 0 0;padding-top: 10px;position: relative;text-align: right;}
		.ligne_panier_px a {display: inline-block;position: absolute;right: 0;top: -9px;}
}
@media only screen and (max-width:340px) {
	.ok_cadeau {margin-left:0}
	}
/*---------------------------------
			ARTICLE
---------------------------------------*/
@media only screen and (max-width:640px) {
	
.article_content {background: #ffffff url("../template-degrade_blue.png") repeat-x scroll 0 0;}
	.conent_artAjax{background:none}
	.title_article{border:none}
	.produit_retour a br{display:none}
	.produit_retour {position: relative;text-transform: lowercase;top: auto;text-align:center}
	.banniere_article {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 1px dashed #cccccc;border-top: 1px dashed #cccccc;margin: 10px auto;padding: 5px 0 0;text-align: center;width: 100%;}
	.produit_ima.big_img{background:none; padding:0}
	.box_little_img{background:none; padding:5px}
	.article_paiement_resp{display:block}
	.selection_art .selectionBit_lib {background: #bcbec0;}
	.selection_art .selectionBit_lib_over {background: #ffffff none repeat scroll 0 0;color: #000000 !important;}
		.other_article{padding:10px; background:none}
			.other_art_content{background:none}
			.art_precedent {border-right: 2px solid #989d9f;position:relative}
				.art_precedent span {background: url("../template-nav_precedent.png") no-repeat scroll left top 10px / 20px auto;bottom: -24px;color: #989d9f;display: block;float: none;padding-top: 66px;position: absolute;text-align: left;   width: 100%;z-index: 9;}	
				.art_precedent img, .art_suivant img{float:none}
			.art_suivant{text-align:right; position:relative}
				.art_suivant span {background: url("../template-nav_suiv.png") no-repeat scroll right top 10px / 20px auto;bottom: -20px;color: #989d9f;display: block;float: none;padding-top: 66px;position: absolute;text-align: right;width: 100%;}
				.other_article br {display: none;}
	.produit_etiquette {left: 0;top: -8px;}
	/*.colorBit_ima .produit_etiquette {left: 0;top: -9px;}*/
	#btn_ajouterpanier.visible_mobile {display: inline-block !important;}
		.title_panier_art{color:#c81e53;}	
		.title_panier_art a{color:#c81e53;}
	}
@media only screen and (max-width:480px) {
.selection_art {margin-left: 0;width: 32%;}	
}
@media only screen and (max-width:410px) {
.selection_art .selectionBit_lib{font-size:10px}
}
/*---------------------------------
			PARTENAIRE
---------------------------------------*/
@media only screen and (max-width:640px) {
.box_part{width:50%}	
}
@media only screen and (max-width:480px) {
.box_part{width:100%; float:none}	
}
/*---------------------------------
			CLIENT
---------------------------------------*/
@media only screen and (max-width:480px) {
.btn_menuclient .ui-btn-inner {font-size: 14px !important;}	

}