/*===================
 		COMMUN 
 ==================*/
  
.visible_640{display:none}
li.navItem.visible_640 {display: none;} 
.margin_10{margin:0 -10px}
@media only screen and (max-width:1500px) {
#header {padding: 12px 15px;}
.navigation{    margin: 0 -10px;}
.header_sticky{padding:0 10px}	 
.pi-col-sm-4.pi-no-padding.right_bloc_head {float: right;}
li.navItem{padding:0 10px}
}	 
@media only screen and (max-width:1200px) { 
	
#header{padding-left:20px; padding-right:20px}

.big_wrapper{  overflow-x: hidden;overflow-y: auto;width: 100%;}
.top_products{padding:0 10px;}
.search_top {max-width: 87%;}



.goToTop{bottom:25px}
.other_link_top a.link_other{font-size:12px}
.other_link_top .ecoute_link.link_other{font-size:11px} 

.slogan {margin-top: 15px;}
}  
@media only screen and (max-width:1140px) { 
a.navLink{font-size:13px;}
}

@media only screen and (max-width:1024px) {
a.navLink{font-size:13px; }
li.navItem{padding:0 10px}
}

@media only screen and (min-width:981px) {
.menu_mob_overlay{display:none!important}	
}

@media only screen and (max-width:981px) {
	.header_body {border-bottom:none}
	.contact_header_l{display:none!important}
	.li_m980{display:block}
.big_wrapper {padding-bottom: 0;}

	.phrase_admin {float: none;text-align: center;}
		
.nbre_panier{top:13px; font-size:12px;    width: 100%;text-align: center;left: 0;}	

.menu_mobile_bloc{display:block}
.pi-col-xs-4.left_logo.pi-no-padding { width: auto;}
	.logo img {max-width: 127px;}
	.logo {padding-top: 0;    margin-top: -8px;}
.right_bloc_head{width:35%; }
	
.other_link_top a.link_other{position:relative}
#header{    padding-bottom: 20px;padding-left: 30px;padding-right: 30px; position:relative; padding-top:20px;    border-bottom: 1px solid rgba(198,198,198,0.5);}
	.header_sticky{padding:0;}	
		#header .pi-row {display: table;width: 100%;margin: 0;}
		#header .pi-row>div {display: table-cell;vertical-align: middle;float: none;}
.hidden_mobile{display:none}
.visible_mobile{display:block}
.pi-col-sm-4.pi-no-padding.center_search{position:relative; margin-top:0}
	.texte_perso_s {padding: 5px 0 15px 0;font-size: 13px;border-bottom: 2px solid rgba(255,255,255,0.5);margin-bottom:5px}

	.left_search{width:100%;padding:0 35px; margin-top:-10px}
		.s_text {border-bottom-color: #474949;}

	.s_submit {height: 38px;background-position: center 12px !important;top:0}

	.search_top{max-width:100%}
	.lien_top_h {display: none!important;}
/********Menu******/
.navigation {}
.navigation {display: block;position: fixed;left: 0;background-color: #474949;left: -500%;top: 0;height: 100%;z-index: 999;width: 83%;padding-top: 30px;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;  padding-left: 16px;}
.navigation.open_mob {left: 0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;}
	.navigation.open_mob .pi-section {height: 100%;background-color: #ffffff;overflow-x: hidden;overflow-y: auto;}
		ul.onglets {display: block;border-top:1px solid #fff; max-width:100%}
		.close_menu_mob{display:block}
		 .navLink::after{content:""; font-size:0; background:none}
		.has_sub .navLink::after {content: "+";position: absolute;right:17px;left:auto;font: 24px "Gotham-Book";top: 4px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;background:none; display:block!important}
		.open_item .navLink::after {transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);
-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;right:17px}
li.navItem{display:block;padding:0}
	a.navLink{color:#010101; text-align:left; padding:10px 15px!important;border-bottom: 1px solid #ccc; font-size:12px}
	a.navLink.marque_link {padding: 5px 12px!important;}
	a.navLink:hover{color:#fff;}
	.open_item a.navLink{}
				.subMenu {position: relative;padding: 0 10px 0 15px;border-bottom:1px solid #ccc}
/*****SSMENU********/
	.hidden_980{display:none}
	.sous_menu_catBit{width:100%; margin-top:5px}
	 .subMenu .pi-col-sm-7{width:100%; margin-bottom:5px;border-bottom: 1px solid #010101}
	 .submenu_lientop{margin-bottom:8px}
.span_menu_mob{display: block;}
.ss_categ_l h2{font-size:12px}
	
.bloc_avantage.visible_index{display:none}	

.hidden_logo{display:inline-block}
.visible_logo{display:none}
.other_link_top {margin-top: 9px;margin-bottom: 11px;margin-right:0; max-width:100%}
.span_menu_mob{display:block}

}
@media only screen and (max-width:767px) {
.other_link_top a{padding-left :1px;padding-right:1px; font-size:11px }	

	.hidden_767{display:none}	
.goToTop{    width: 49px;  padding: 4px 10px;}
.right_bloc_head {width: 330px;}

	.logo img {max-width: 100px;}
	.left_search {padding: 0 20px;}
#header{ padding-left:15px; padding-right:15px}
body{font-size:12px}
.margin_10.visible_980 {display: none !important;}
.panier_deroulant{display:none!important}

}
.li_search{display:none}
@media only screen and (max-width:640px) {
#header	{padding-top: 12px;padding-bottom:12px}
#header .pi-row {display: block;}
#header .pi-row>div {display: block;}
.top_header{display:none}
	.menu_mobile_bloc a{max-width:30px}
			.menu_mobile_bloc span{font:10px 'Gotham-Book'}	
.menu_mobile{padding-right:10px}
.texte_promo{font-size:12px}
.menu_mobile_bloc span{display:none}

.other_link_top .lib_other{font-size:11px}


	.s_text{height:31px}
.s_submit{height:31px;background-position:center 7px !important;background-size: 20px;}


.toggle_menu {max-width: 38px;display: block;}
.other_link_top{margin-right:0;max-width: 100%;margin-top:12px}
#header  .pi-col-sm-4.pi-no-padding.center_search{    top:67px;position: absolute;left: 0;width: 100%;padding: 10px!important;background: #474949;display:none}
.left_search{padding:0; margin-top:0}
.hidden_640 {display:none!important}
li.navItem.visible_640 {display: block;}
.li_search{display:block}
	.li_search a {display: block;}
.logo {margin-top:0}
	.other_link_top li {width: 50%;}
.visible_640{display:block}
	.panier_link {background-size: 22px;}
.pi-col-xs-4.left_logo.pi-no-padding {text-align:center}

	.logo img {max-width: 85px;}
	
	.pi-col-sm-4.pi-no-padding.right_bloc_head {position: absolute;right: 0;top: 0;z-index: 99;width: 90px;z-index:9}
		
.menu_mobile_bloc {display: block;position: absolute;left: 10px;top: 24px;z-index:9}
.cat_img {display: none;}
.ss_categ_l{width:100%}
}
/*===================
 		SLIDEer 
 ==================*/

@media only screen and (max-width:981px) {

.titre_top div {line-height: 87%;}
}	

@media only screen and (max-width:767px) {
.slider_item .pi-section.pi-no-padding {display: none;}	
 .swiper-pagination-bullet{border: none;height: 8px;width: 8px;}
 .slider_item img {max-width: 190%;opacity: 0;}
 .slider_item a {display: block;background-size: 200% auto !important;}
}
@media only screen and (max-width:640px) {
 .swiper-pagination-bullet{height: 6px;width: 6px;}	
}

/*===================
 		TOP 
 ==================*/
@media only screen and (max-width:1200px) {

.ariane_box{padding:10px}
.swiper-pagination{position:relative;bottom:0!important; padding:13px 0}
.bloc_top_content {padding: 0;}
.bloc_recherche_rapide{background-position:90% center;padding: 50px 20px;}

}
@media only screen and (max-width:981px) {
.titre_top_content > strong{font-size:32px;}
.titre_top{font-size:23px;}
h3.articleBit_lib{padding-left:22px; padding-right:22px}
.bloc_top{margin-top:0}

}
@media only screen and (max-width:767px) {
.titre_top_content a{font-size:11px}
.titre_page{font-size:18px}
.titre_top{font-size:20px;}
.titre_bloc_top a{font-size:10px}
.bloc_top {padding: 5px 0;}
.bloc_top .swiper-slide {margin-right: 10px!important;}

.titre_top_content > strong{font-size:30px;padding:10px 0}
}

@media only screen and (max-width:640px) {

.contenu_art_top .pi-row{margin:0 -8px}	

.lib_article{font-size:10px;height:42px; overflow:hidden}
h3.articleBit_lib a{font-size:12px;}	

.font_12 {font-size: 10px!important;}
.bloc_top_content {padding: 0;}
.titre_top{font-size:18px;}

.swiper-pagination-bullet {width: 6px !important;height: 6px !important;margin: 2px 3px !important;}

.swiper-pagination{padding:5px 0!important}
h3.articleBit_lib {padding-left: 7px;padding-right: 7px;}
.titre_top_content > strong{font-size:26px}
.picto_promo strong{font-size:12px}
.articleBit_ima{padding-left:1px; padding-right:1px}
.articleBit_desc{padding-left:1px; padding-right:1px}
}
@media only screen and (max-width:480px) {

	.titre_top_content > strong{font-size:21px}
.titre_page{font-size:20px; padding:10px}
.etiquette{max-width:80px}
.titre_article a{height:40px}
.details_art{width:61px; padding:6px}
.picto_promo strong{font-size:11px}
}
@media only screen and (max-width:380px) {
h3.articleBit_lib a{max-height:30px;min-height:30px;}	

}

/**===================================
			CATALoGUE INDEX 
=====================================*/	

@media only screen and (max-width:981px) {
.categorie_index {background-color: #fff;padding: 0 5px;margin-top:0; }
.categ_lib_i {position: relative;width: 100%;text-align: center;top: 0;transform: none!important;color: #33251d;font-size: 19px;left: 0;padding-top: 10px;}	
.categorie_i_bit{margin:10px auto}

.categ_i_bit{padding:10px}
}

@media only screen and (max-width:767px) {
.categ_i_bit {width: 33.333%!important;float: left;}	
}
@media only screen and (max-width:640px) {
	.categ_lib_i{font-size:15px}
	.content_categorie_i {margin-top: 7px;margin-bottom: 20px;}
	.categ_i_bit{width: 50%!important;}

}
@media only screen and (max-width:480px) {
	.categ_lib_i{font-size:12px}
	.content_categorie_i .pi-col-sm-4.pi-col-2xs-6{padding:0 3px}
		.categ_i_bit {padding: 8px;width:100%!important; text-align:center}
		.row_categ {margin: 0 -13px;}
}
/*============================
	COMMUNAUTE+ ADMIN PERSO
=============================*/
@media only screen and (max-width:1700px) {
.texte_admin_i{font-size:65px}	
}
@media only screen and (max-width:1400px) {
.texte_admin_i{font-size:50px}	
}
@media only screen and (max-width:981px) {
.communaute_insta {margin: 38px 0 50px 0;}
.content_comm_insta a{font-size:14px; padding-top:42px; padding-bottom:42px}
.img_insta img {max-width: 205px;}
.texte_admin_i{font-size:40px}	
}

@media only screen and (max-width:767px) {
.texte_administrable_i {margin-bottom: 45px;}	
}
@media only screen and (max-width:640px) {
.content_comm_insta a {font-size: 12px;padding-top: 18px;padding-bottom: 18px;}
	
	.table_admin {display: block;}
	.table_admin >* {display: block;width: 100%;}
	.texte_administrable_i {margin-bottom: 20px;}
	.texte_admin_i br {display: none;}
	.texte_admin_i{font-size:17px; padding:20px 25px 5px 25px}	
}

@media only screen and (max-width:480px) {
.communaute_insta {margin: 10px 0 20px 0;}
.content_comm_insta a {font-size: 10px;}	
.img_insta img {max-width: 135px;}
}

/**===================================
				FOOTER
=====================================*/
.toogle_menu2_mob{display:none}
@media only screen and (max-width: 1500px){
	.av_box span{font-size:12px}
	.av_box{padding:29px 0.5%}
}
@media only screen and (max-width: 1320px){
.max_footer{padding:0 15px}	
}
@media only screen and (max-width: 1280px){

}
@media only screen and (max-width: 1200px){
.newsletter_wrapper{padding-left:10px; padding-right:10px}	

.label_news{padding-right:5px}

.autre_footer_m{padding-left:5px}
.avantage_swiper{padding-left:0; padding-right:0 }
}
@media only screen and (max-width: 1140px){
	.avantage_swiper{margin:0!important; }
	.avantage_content {margin: 0;text-align: center;}
	.av_box span{font-size:14px}	
	.titre_news {margin: auto;min-height: 45px;}
.text-opti{padding-left:15px; padding-right:15px}
.av_box span{font-size:12px}

}
@media only screen and (max-width: 1080px){
	.bloc_certificat {width: 60%;}

.bloc_certificat img{max-width:70%}	
}
@media only screen and (max-width: 1023px){

.content_newsletter {text-align:center}
}

@media only screen and (max-width: 992px){
	.col_20_m {width: 100%;padding: 0 40px;}

		.paiement_bloc {float: left;max-width:100%}
	.col_60{width:100%}	
	.avantage_bloc{padding:10px}
	.other_menu .bloc_menu{max-width:100%}
	.content_newsletter {margin: auto;}
	.bloc_menu {text-align: right;margin-top: 30px;display:table; width:100%}
.reseau_bloc .toggle_m_c >strong> span{display:block; margin-top:5px; }
.hidden_paiement{display:none}

	.other_menu_bit {float: left;width: 50%;}
	.visible_980.paiement_980 {display: table-cell}
	.visible_980.paiement_980 .paiement_footer {display: block;    max-width: 300px;}
	.toggle_ {display: table-cell;text-align:right}
	.paiement_footer {display: none;}
}
@media only screen and (max-width: 981px){
	.av_box{padding-top:31px; padding-bottom:31px}
.av_box.av_box1,.av_box.av_box3{display:none!important}
.av_box.av_box2{border-left: none;}
.bloc_avantage {margin: 0 auto;padding-top: 0;}
	.av_box span{font-size:14px}

.bloc_footer_menu {margin: 0 -10px;}

	.newsletter_footer{border-top:1px solid #474442; padding-top:15px}
	.news_conteneur{padding-bottom:25px}
	.paiement_bloc{padding:0 25px}
	.other_menu.col_60{padding:0 40px}
	.other_menu .pi-col-xs-6 {padding: 0 25px 0 0;}
	.other_menu .pi-col-xs-6:last-child {padding: 0 0 0 25px;}
.autre_footer_m{padding:15px 10px}	
	.table_p{display:block}
	.table_p > *{display:block; width:100%}
		.bloc_reseau {padding-left: 0;border-left: none;}
		.bloc_reseau.hidden_980 {display: none;}

.ico_reseau{width:40px; height:40px}

.bloc_avantage .swiper-pagination{position:relative;bottom:5px!important; padding:10px 0}	
	a.ico_reseau:last-child {display: none;}

.visible_980 .table_p {padding-left: 43px;margin-bottom:10px}
.txt_show{font-size:23px}

}
@media only screen and (max-width: 767px){
.news_button{right:10px}

.bloc_avantage{padding-bottom:0}
.news_conteneur .pi-col-xs-6:first-child {width: 55%;padding: 0;}
.news_conteneur .pi-col-xs-6:nth-child(2) {width: 45%;}

.bloc_avantage{width:100%;padding: 0 10px;}

.av_box {    width: auto!important;padding-top:20px; padding-bottom:20x}
	.av_box span{font-size:12px;max-width: 150px;}
	.texte_news_admin{font-size: 12px;}
	.form_bloc_news{padding:0 10px}
	
	.bloc_menu.show_room_bloc {display: none;}
	.bloc_menu{width:100%; padding:0}
	.copyright{padding-top:0}
.bloc_menu{display:block;margin-top: 21px;text-align:center;}
.toggle_{display:block;text-align:center}
	.visible_980.paiement_980 {margin-bottom: 15px;display:block}
	.visible_980.paiement_980 .paiement_footer{margin:auto;display: block;text-align: center;padding-top:0}	
		.paiement_f_content {padding-left: 0;background: none;}
		.bloc_menu.reseau_bloc {margin-bottom:0}
}
@media only screen and (min-width: 640px){
	
.toggle_m_c{display: block!important;}	
}
@media only screen and (max-width: 640px){
	.visible_980.paiement_980 {display: none;}
		.toggle_ >span{display:block; padding-bottom:15px} 

		
/******AVANTEGE**********/
.av_box {display: block;width: 100%!important;text-align: left;padding: 10px 5px;border-left: none;border-bottom: 4px solid #fff;}
	.sprite_av.sprite_2 {height: 33px;background-size: 19px!important;background-position: 50% 6px!important;}
	.sprite_av.sprite_5 {height: 33px;    background-size: 22px;background-position: 50% 8px;}
	
	.sprite_av.sprite_4 {background-size: 41px auto!important;background-position: 50% 8px!important;width:55px}
	.sprite_av{-webkit-transform:none!important;min-width: 52px;}
span.lib_none {display: none!important;}
.text-opti{font-size: 11px;}
.av_box span {font-size: 12px;display: inline-block;padding-left: 0;padding-top: 5px;text-align: left;vertical-align: middle;max-width: 250px;}
	.av_box span br {display: none;}	
.newsletter_footer {padding:0 10px 0 10px;background-color: #fff;margin: 0 -10px;border-top:none}	
.newsletter_bloc {padding-right: 0;border-right: none;border-bottom: none;padding-bottom: 15px;}
	
	
.max_footer {padding: 0;}
.adresse_newsletter{font-size:12px;font-style: italic;}
.bloc_avantage {margin: 0;padding:0}

.bloc_footer_menu {margin: 0;padding: 0;border-top: 1px solid rgba(71,73,73,0.2);}
	.titre2_page {font: 13px "gotham-Medium";padding: 10px;text-align: center;margin-bottom: 0;background-color: #f2f2f2;color: #282c33;}
.col_20_m {padding: 0 15px;}
.paiement_bloc {padding: 0;width:100% ;}
.menu_content {margin-top: 0;padding: 0;margin-bottom: 0;}
	.toggle_me {background: #fff;padding: 9px 10px;text-align:center; position:relative;border-bottom: 1px solid rgba(71,73,73,0.2);}
	.toggle_me.open{color:#000000; border-bottom-color:#000000}
	
		.toggle_me::after{ content: '\e8ca';display:block; position:absolute; right:20px; top:16px;font-family: "fontello";    color: #33251d;font-size: 13px;font-weight: bold;}
		.toggle_me.open::after{ content: '\e8cd';color:#000000}
		.titre_menu_t.toggle_me span {margin-bottom: 0;font-size: 13px;}
		.toggle_me.open span{color:#000000}
.other_menu .pi-col-xs-6{padding:0}
.bloc_menu.other_bloc_menu {margin-top: 2px;}
	.titre_menu{text-align:center}
	.toogle_menu_mob i{display:inline-block; vertical-align:middle}
		.toogle_menu_mob {cursor: pointer;margin-bottom:1px}
		.toggle_m_f{cursor: pointer;}
.news_conteneur {padding-bottom: 0;border-bottom: none;padding-top:15px; border-top:1px solid #172d48}
.other_menu.col_60 {padding:0}
.reso_footer{padding-top:0px; margin:0 -10px; background-color:#161516}
.form_reso_bloc{padding-bottom:10px}
.reso_footer .titre_news{padding:12px 15px; text-align:center; color:#ffffff; background-color:#172d48; margin-bottom:10px; font-size:12px}
.texte_news_admin{margin:0}
	.menu_content ul li{text-align:left; width:100%}
	.bloc_menu.livraison_bloc{background-position:top left; margin-top:15px; font:13px "Gotham-Medium"}
	.livraison_bloc a {display: block;margin-top:10px}
.bloc_menu.paiement_bloc{background-position:10px 0px; padding-top:5px; font:13px "Gotham-Medium"}
.paiement_bloc a {display: block;margin-top:10px}
.bloc_menu.livraison_bloc {font-size: 12px;padding:5px 10px;background:none;margin: 2px 0;padding:0}
.bloc_menu.paiement_bloc {font-size: 12px;padding:5px 10px;background:none;margin: 2px 0;padding:0}
	.toogle_menu2_mob{display:block; text-align:center}
	
.toggle_me + .toggle_m_c{display:none; padding:10px 15px; background:#fff;border-bottom: 1px solid rgba(71,73,73,0.2);margin-top: 15px;}
	.toggle_m_c >span,span.lib_none {display:none}
 .toggle_m_c{text-align:center;}
 .autre_footer_m {padding: 0;border: none;}
	.bloc_reseau.hidden_980 {display: block;margin-top: 2px;}
.other_menu_bit{width:100%;    padding: 0 8px;}
.content_newsletter{border-bottom:none; padding:0;margin-bottom: 25px;}
.bloc_menu.show_room_bloc {display: none;}
.av_box > a {
    display: block;}

	.label_news {font-size: 13px;}
}
@media only screen and (max-width: 480px){

.titre_menu{font-size:11px}
.titre2_page{font-size:12px}


.texte_news_admin{font-size: 12px;}
}
@media only screen and (max-width: 380px){
.av_box span {font-size: 11px}
}
@media only screen and (max-width: 340px){
.bloc_menu.livraison_bloc{font-size:12px}	
}
@media only screen and (max-width: 318px){
.sprite_av.sprite_4{width:44px;}	
.sprite_av{width:44px;}
}
/**===================================
				CATEGORIE
=====================================*/
@media only screen and (max-width: 1200px){

	.categ_tablecell{padding:0 5px}
}
@media only screen and (max-width: 1024px){

.cell_filtre a{font:13px "Gotham-Book"; padding-top:12px; padding-bottom:12px}
.filtre_categbit{width:33.3333%} 
}
@media only screen and (max-width: 981px){
.conteneur_categ{margin-top:0}
.titre_categ{font-size:32px; padding-top:29px; padding-bottom:29px}
.categorie_page_nav {/*display: none;*/}
.col_20_top{width:33.3333%; margin-bottom:25px}		
.categorie_filtre{display:block}


.ariane_box{padding-left:15px} 
.filtre_swiper {padding: 0 20px;}
	.f-prev{left:5px}
	.f-next{right:5px}
}
@media only screen and (max-width: 767px){	
.categ_table{font-size:11px}
.cell_filtre a {font-size: 11px;padding-top: 14px;padding-bottom: 14px;padding-left: 4px;padding-right: 4px;}
.max_filtre.couleur_filtre .table_filtre a{margin-left:0; margin-right:0}
.categ_bg {background: #fff;}
.categorie_page_nav li{font-size:15px}
.filtre_categbit {width: 50%;}
.page_categorie .ariane_box {display:none}
}
@media only screen and (min-width: 640px){	
.facette {display: block!important;}
}
@media only screen and (max-width: 640px){	
.row_article{margin:0 -5px}
.filtre_categbit {width: 100%;padding: 5px 0;margin: auto;border-bottom:1px solid #ccc}
.max_mob{max-width: 320px;margin: auto;    padding: 0 10px;}
	.facetteLib {background: url("templatebeta-arrow_down.png") no-repeat center right;background-size: 13px;}
	.facetteLib.open{background-image: url("templatebeta-arrow_up.png")}
		.facette {display: none;}
.filtre_categbit_b + .filtre_categbit_b {margin-bottom: 0;border-bottom: none;}
.filtre_categbit_b {margin: 0;padding: 5px 0;border-bottom: 1px solid #ccc;}
 	.facette.facette_prix_range {padding: 15px;}
.titre_categ{font-size:20px}	
.col_20_top{width:50%; padding:0 5px; margin-bottom:10px}
.descr_categ_m{padding:0 10px; text-align:center}
	.lib_f_c  {border: 1px solid #c6c6c6;padding: 10px;background: #fff; text-align:center; cursor:pointer}

.categorie_filtre {  position: relative;}
.filtre_type_p{display:none}
.tri_categ{padding:15px 0}	
.filtre_content_der{padding:0}
.lib_tri{padding-bottom:15px}
	.facettecontenu .sbOptions {width: 100%;top: 10px!important;border: none;position: relative;left: 0!important;overflow: auto;height: auto;}
	.facettecontenu .sbHolder {height: auto;padding-top: 4px;padding-right: 0;padding-bottom: 5px;}
}
@media only screen and (max-width: 480px){
.titre_categ{font-size:21px; padding-top:20px; padding-bottom:20px}
.cell_filtre a {font-size: 9px;}
.tri_categ{font-size:14px}
	.form_tri i {font-size: 15px;}
	.categorie_page_nav li{padding:1px 0}
	.categorie_page_nav li {font-size: 14px;}
}

/*===================================
				ARTICLE
=====================================*/
.visible_480{display:none}
 @media only screen and (max-width: 1200px){
	.article_right{padding-left:25px; padding-right:10px; width:44%}	
	.content_image_supp{width:113px}
	.article_left {width: 56%;}
 }

 @media only screen and (max-width: 1024px){ 
 .big_img {width: 100%;padding-left: 0;float:none}
 .content_image_supp {width: 100%;float:none; padding:0}
 .little_imag_art.swiper-wrapper {margin: 15px -10px;width: auto!important;}
 .little_imag_art.swiper-wrapper::after {display: block;content: "";clear: both;}
 .img_bit_art {margin-bottom: 0;margin-right: 0!important;float: left;width: 25%!important;padding: 0 10px;}
 	.article_right {padding-left: 35px;padding-right: 30px;}
.art_detail{padding-right:30px}	
.reso_fixed{display:none}
}

@media only screen and (max-width: 992px){
.titre_article_art{font-size:20px}	
.article_left {width: 52%;}
.article_right {width: 48%;}
.caract_value{max-width:200px}
.caract_bit.caract_sel >* {display: table-cell;}
.caract_bit {width: 100%;margin: 5px 0;display: table;}	
.big_img a{padding:10px}
}

@media only screen and (min-width: 981px){
	.facette_couleur {display:block!important}

}
@media only screen and (max-width: 981px){

	.visible_980{display:block}

	.tab_description_art {margin-top: 30px;}
	.tab_mobile{display:block;position:relative; z-index:1; cursor:pointer}
	.visible_980{display:block}


.quantite_art {padding:0 }

		.article_normal {margin-right: 0;}
	
		.art_descrp_tab{padding-bottom:0}
			.btn_panier {width: 100%;min-width:100%}
	

.prix_art_panier{padding:5px 0 ; float:none; font-size:20px}

.sofinco {float: none;width: 100%;}
	.article_promo{    font-size: 20px;}
.caract_bit .lab_caract{font-size:13px;width: 67px;}
.contenu_qte_art{/*width:auto*/}
				
.reduc_descr{font-size:12px}

.lien_panier_art {padding: 0;margin-top: 0;}



.content_complementaire .swiper-pagination{position:relative;bottom:0!important; padding:13px 0}


.caract_art_content table td{font-size:13px}

	.article_bottom{border-top:none; padding-bottom:20px}
	.art_detail{padding-bottom:0;margin-top: 0;padding-top: 15px;}
	
	.other_art_carat div > strong{font-size:13px}
	.fb_partage {margin: 15px 0;text-align: center;}
}

@media only screen and (max-width: 767px){
	.other_art_carat div > strong{font-size:13px}	
	.btn_panier_content {text-align: center;}

	.visible_767{display:block}
	.hidden_767{display:none!important}

.article_left{width:100%;padding:0;}
	.autre_details_art {padding: 10px;margin-top: 0;}
.article_right{width:100%; padding-top:0;}
	
	.quantite_art{padding:0}	
.content_image_supp .swiper-pagination{position:relative;bottom:0!important; padding:13px 0}	
.ariane_box {padding-left:10px}
.hidden_lib767{display:none}
/*.caract_bit select{font-size:13px}
	.caract_value{min-width:270px; position:relative}
		span.value_selected {height: 40px;padding: 10px;background: #ffffff url("../images/arrow_down.png") no-repeat scroll 96% 50%;display: block;border: 1px solid #c6c6c6;display:block}
		.lib_color{display:inline-block}
			.facette_couleur {display: none;position: absolute;top: 100%;width: 100%;border: 1px solid #c6c6c6;background-color: #fff;padding: 10px;z-index:99}
				.facette_couleur a {display: block;width: 100%;margin-bottom: 5px;}
				.value_selected > span {display: inline-block;width: 20px;height: 20px;border-radius: 100%;border: 1px solid #b2b1b1;position:relative; vertical-align:middle}*/
	
.content_image_supp{margin-top:0; padding:0}
.other_art_carat div > strong, .plusque {font-size: 12px;}
.choix_retr .input_abs + span{font-size: 12px!important;background-size: 20px;}


.av_artbit.av_art1 {width: 43%;}
.tab_mobile{font-size: 12px;padding: 15px 10px}

	.tab_mobile::after{top:14px; font-size:14px}
.art_detail {padding-right: 0;padding-top: 0;}
.content_toggle_tab{font-size:13px}

.caract_art_content table td,.caract_art_content table tr  {display: block;width: 100%;}
.content_toggle_tab.ref_art_content table, .content_toggle_tab.ref_art_content tr th{font-size:14px}
.content_toggle_tab.ref_art_content{overflow-x:auto}
.content_complementaire{padding-bottom:0}
.article_bottom{padding-bottom:10px}
.supp-next, .supp-prev {display:none}
	

.content_btn_panier .art_qte {max-width: 225px;}
.art_img_content.swiper-container.swiper-container-horizontal {padding-top: 5px;}
.avantage_article{padding:10px 0;margin: 0 -10px;}	

.titre2_art_f {font-size: 12px;}


.bloc_art_comp {margin-top: 10px;}
}
@media only screen and (min-width: 640px){
.content_image_supp .swiper-pagination{display:none!important}	
}
@media only screen and (max-width: 640px){
.article_right {padding-left: 13px;padding-right: 13px;}
.art_bg {background: #fff;}
.caract_bit select {background-color: #fff;}
.inputqte {background-color: #fff;}
.qte_panier{width:147px}
.titre_article_art{font-size:16px}	
.img_bit_art { width: 100%!important;float:none}

.big_img {display: none;}

.btn_panier{font-size:18px; padding-top:13px; padding-bottom:13px}


.article_complementaire  {padding-top: 0;}
.btn_panier {width: 100%;}	

.content_toggle_tab{font-size:12px}
.article_right .caracts_qte {display: block;width: 100%;}
.article_right .produit_caracts{float:none}
.article_right .apercu_art {display: block;width: 100%;margin-top:10px}
.article_right #formeetiqutte{max-width:150px;}
.pi-col_5{width:50%}
.column_two{column-count: 1;-webkit-column-count: 1;-ms-column-count: 1;column-gap:0;-webkit-column-gap: 0;-ms-column-gap: 0;}
.titre_article_art{padding:10px 0}
.groupeAligner{padding:5px 0}
.fraisPortOffert mark{font-size:12px}
}

@media only screen and (max-width: 480px){
.choix_retr .input_abs + span{font-size: 11px!important;}

.caract_bit select{font-size:13px; border:none}	
span.value_selected{border:none}	
	.caract_bit.caract_sel {width: 100%;padding:0  0 0 10px;border: 1px solid #c6c6c6;margin-bottom:5px; display:table}
	.caract_bit .lab_caract{min-width:auto}
		.caract_bit.caract_sel >* {display: table-cell;}
		.caract_value {min-width: 200px}
.content_toggle_tab{font-size:11px}
.descr_art{display:none}
.prix_art_panier{font-size:16px}
.article_promo{font-size:16px}
.top_art {width: 100%; }
.px_article{width: 100%;margin-bottom:0 }

	.sofinco {float: left;width: 50%;}
	.visible_480{display:block}
	.hidden_480{display:none!important}
	.top_art{margin-top:0}
.content_btn_panier .art_qte {max-width: 100%;width: 100%;display: table;}
	.content_btn_panier .quantite_art{width:100%}
		.content_btn_panier .art_qte >* {display: table-cell;}

}

/*=====================================
 			PANIER
 =======================================*/
 .lib_mobile{display:none; font-size:12px;  vertical-align:middle}
  .lib_mobile2{display:none; font-size:12px;  vertical-align:middle}
@media only screen and (max-width:960px) {
	.panier_wrapper{padding:0;background:none;}
	.panier_contentpage{padding:25px 0;}
		.tdheadcde.col_PU, .tdCell.cell_PU{display:none;}
			.del_cart{right:5px;}
	
	.commande_livraison_box{width:60%;margin:0;padding:0 10px;}
	.column_right_cde{width:40%;margin:0;    padding-right: 10px;}
	.texteperso1_panier{padding-left:5px; padding-right:5px}
}

@media (min-width: 768px) {
	.line2{
		clear:none;
	}
}
.cde4recap{margin-top:15px}
@media only screen and (max-width:767px) {
	.etapescommande{max-width:520px;}
		.stepBox {padding: 0 15px;background-size: 5px;text-align: center;}
			.stepBox span, .stepBox a{font-size:14px;}
	.tdheadcde.col_qte{display:none;}
	.panierBit_ima{width:35%;text-align:center;padding: 0 8px 0 5px;}
	.panierBit_lib{width:65%;padding:0 10px 0 0;border-right:1px solid #b3b3b3;}
		.tdheadcde{font-size:11px;}
		.tdheadcde.col_designation{text-align:left;padding:10px 0 10px 10px;}
		.content_menuclient .tdheadcde{    min-width: 100px;}
		.panierBit_libContent{float:none;}
		
		.qteBloc {float: none;margin: 10px 0 0;padding: 1px 0;width: 165px;}
			.qte_art_cde {width: 80px;display: inline-block;position: relative;padding: 1px;}
			/*.qteBloc .inputqte{border:none;height:28px;width:35px;margin:auto;font-size:10px;display:block;}*/
			.qtePlus{display:none;}
			.qtePlusMobile{display:block;}
			.qteMoins{display:none;}
			.qteMoinsMobile{display:block;}
		.prix_total{font-size:12px;}
	.lib_mobile{display:inline-block;margin-right: 5px;}
	
	.commande_livraison_box{width:100%;padding:0 15px }
	.cde3Moyen_lib{padding-left:15px}
	.column_right_cde{width:100%;padding:15px 15px 0;}
		.cell_designation {width: 538px;}
		.panier_contentpage::after {bottom:-15px}
.content_commun_logging{padding-left:0; padding-right:0}	
.cde3Print {margin: auto;}	
.valid_paiement{margin: auto;}
.adress_cde4_lib{font-size:14px}
.content_adresse_cmd {padding: 0 15px;}
.content_adresse_cmd + .formBox_.pi-text-right.pi-padding-top-bottom-10 {padding-right: 15px;}
.diversetape_cde {padding: 0 5px;}
	.other_panier_right {position: absolute;bottom: -10px;    left: 50%;transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);-o-transform: translate(-50%,0%);width: 100%;padding: 0 15px;max-width:480px}
	#contenuCde1 {padding-bottom: 160px;position: relative;z-index: 1;}
		.montant_total_cde {border-bottom: 1px solid rgba(35,31,32,0.25);}
		.select_livraison_select select{width:100%; max-width:320px ;padding-left:15px}
	.cde3Moyen {margin-top: 15px;}
}

@media only screen and (max-width:640px) {
.adress_cde4{padding:10px}
			.content_commun_logging .pi-col-sm-6{padding-left:0; padding-right:0}
			.content_commun_logging .formulaireBloc {margin-top:15px}
			.content_commun_logging	.datenaisance {padding: 0 15px;}	
			.content_commun_logging{padding-top:0; padding-bottom:0}
			.cde4recap .table_total_cde{padding:20px 10px 10px 10px}
			.cde4_button{padding:0 10px}
			.moyenCde4{padding:10px 10px}
			.lib_mobile2{display:inline-block;margin-right: 5px;}
	table.panierBit td {display: block;padding-left: 10px;padding-right: 10px;width: 100%;}
	.panierBit_lib{border:none}
		td.tdCell.cell_designation {border-bottom: none;padding-bottom: 1px;text-align:center}
		td.tdheadcde.col_total {display: none!important;}
		.panierBit_lib .qteBloc{margin:auto}
		td.tdCell.cell_total {text-align: center;padding-top: 5px;}
		.px_cde1{max-width:165px; margin:auto}
		 .tdCell.cell_PU {display: block;border-bottom: none;padding-top: 5px;}
		.recap_detail_cmd  .tdCell.cell_PU{display:none}
		  .tdCell.cell_PU .prix_unit{font-size:12px;vertical-align: middle;}
		  .prix_total{vertical-align:middle}
		  .panierBit_caract{text-align:center}
		  .panierBit_libContent a {margin-bottom: 10px;}
		  .content_menuclient .tdheadcde {text-align: center;}
		  .tdheadcde.col_designation {text-align: center;}.del_cart{top:12px}
}
@media only screen and (max-width:520px) {
	.panier_contentpage{padding:15px 0;}
		.etapescommande{max-width:440px;margin:0 auto 20px;}
			.stepBox span, .stepBox a{}
}
@media only screen and (max-width:480px) {
.cell_designation {width: 510px;}	
.cell_total {width: 168px;    vertical-align: bottom;}

.codeBox_lib {margin: 0 0 5px 0;float:none;width: 100%;text-align: center;}
.codeBox_form {float: none;padding-right:0;margin: 5px auto 0 auto;max-width: 258px;}
.texteperso1_panier,.texteperso1_panier * {font-size:11px;}
}
@media only screen and (max-width:440px) {
	.etapescommande{max-width:345px;}
		.stepBox{padding:0 5px;    background-size: 4px;}
			.stepBox span, .stepBox a{}
	
			.panierBit_libContent a{font-size:12px;}
}
@media only screen and (max-width:345px) {
.etapescommande{max-width:305px;}	
	.stepBox span, .stepBox a{}
}

/*=====================================
 			INSTIT
 =======================================*/
 @media only screen and (max-width:880px) {
	span.recopie_txt {float: none;width: 100%;margin-top: 15px;display: block;} 
}
@media only screen and (max-width:767px) {
	.formulaireBloc .titre_top.color_white.border_b_vert {font-size:15px}
.institform{margin-top:0}	
}
@media only screen and (max-width:667px) {
.form_content_w .formBox:nth-child(1){padding-right:0 ; width:100%} 
.form_content_w .formBox:nth-child(2){padding-left:0 ; width:100%} 
}
@media only screen and (max-width:480px) {
.submitForm {text-align: left;margin-top: 5px;} 
.institform{margin-bottom:10px}
.texte_perso_instit{padding:0}
}
@media only screen and (max-width:380px) {
.institform{padding-left:20px;padding-right:20px; }	
}

/*===================================
				MARQUES
=====================================*/
@media only screen and (max-width: 767px){
.descrip-content{width:50%; padding:0 5px}	
.designerBit_lib{font-size:17px}
}
@media only screen and (max-width:480px){
.descrip-content{width:100%; padding:0}	
.designerBit_lib{font-size:14px}
span.nombre-artcle{font-size:11px}
}

/*===================================
				CLEINT
=====================================*/
@media only screen and (max-width:979px) {
.bloc_m_client::after {clear: both;display: block;content: "";}	
.menubit_pi {width: 33.333%;float: left;padding: 0 10px;}
	.menu_lien{font-size:13px}
.menu_profil , .client_wrapper .menuclient_left, .uploadcommande .menuclient_left{display: none;}
.bloc_title_m.menubit_pi {display: none;}
.btn_oth_c{margin-bottom:2px}

.modif_form_client {padding: 0;}
.menu_descr {background: #f1f1f1;}
}
@media only screen and (max-width:920px) {
	.menu_lien{font-size:11px; padding-left:5px; padding-right:5px}	
}

@media only screen and (max-width:767px) {
.hidden_768{display:none}
.menubit_pi{width:50%;padding: 0 10px;}	
	.menu_lien{font-size:12px;padding-left:10px; padding-right:10px}	
.adresse_action .btn_retour{min-width:auto}
.client_adresse_ .pi-col-md-6.pi-col-xs-6 {width: 100%;padding: 0 5px;}
.content_menuclient .title_form{font-size:17px}
.adresse_fact.point_relais_border .pi-row {margin: 0 -5px;}
.client_wrapper {margin-bottom: 0;}
.form_modif {padding-bottom: 0;}
.recap_detail_cmd .qteBloc .inputqte{display:inline-block}
}
@media only screen and (max-width:640px) {
.menu_lien{font-size:11px}
.menu_descr{min-height:90px}
h3.toggler {font-size:13px}	
.client .ligne_cmdBit td{width:25%}
.panier_save .adresse_btn{margin-right:0}

	.btn_back_container{margin:auto;float:none;}
	.head_table_mobile{display:block;}
	.head_table{display:none;}
	.content_Table_c1{width:40%;}
	.content_Table_c2{width:30%;}
	.content_Table_c3{width:30%;}
	.content_Table_c4{width:40%;clear:both;padding:10px;}
	.content_Table_c5{width:60%;padding:10px;}
		.content_Table_c1 strong span{display:inline;}
		#TB_window{width:90%!important; margin-left:-45%!important; left:50%!important}
			.content_menuclient .title_form{font-size:15px}
			.client_adresse_  .formbox_.pi-text-left a{margin-bottom:5px}
}
@media only screen and (max-width:540px) { 
.menubit_pi{width:100%}	
.content_Table_c4{width:100%}	
.content_Table_c5{width:100%}	
}
@media only screen and (max-width:480px) {
	.content_menuclient .title_form{font-size:13px}
.cache-1500 {display: none;}
.hidden_480{display:none}	
.client_wrapper .title_form{} 

.client_adresse_ .formbox.pi-text-left >a {display: block;margin-bottom: 4px;}
}
@media only screen and (max-width:479px) {

.menu_lien{font-size:13px}
.menu_descr{min-height:70px}
.client .ligne_cmdBit td{width:30%}
.formBox_.pi-text-left , .formbox_.pi-text-left, .formBox_.pi-text-right.pi-padding-top-bottom-10, .modif_form_client .formbox_.pi-text-left, .modif_form_client .formBox_.pi-text-left  {text-align: center;padding:10px 10px 15px 10px}
.formBox_.pi-text-left  a, .formbox_.pi-text-left a{margin-bottom:0}
.content_cmd table .cmdbit td {min-width: 70px;}

}