/*====================
		COMMUN HEADER
=====================*/
@media only screen and (min-width:1024px) {
.fixmenu{display:none!important}
}
/****SUBMENU******/
@media only screen and (max-width:1640px) {
.sub_menu 	.pi-section{max-width:90%}
}

@media only screen and (max-width:1998px) {
.carouHome img {/*height: 444px;margin-left: -5%;max-width: none;width: auto;*/}	
}
@media only screen and (max-width:1800px) {
.carouHome img {/*height: 444px;margin-left: -20%;*/	}
.sub_cc{max-width:466px}
}
@media only screen and (min-width:1502px) {
.menu_top{padding-left:20px}
}
@media only screen and (max-width:1685px) {
.header_content {max-width: 100%;padding: 20px;}
.logo a {top: -13px;width: 376px;}	
.slogan{margin-top:0; margin-right:0}
	.slogan strong{font:49px/24px "Dragon-Is-Coming"}
	.search_bloc{margin-top:0}
	.menu_top{margin-top:0px}
		/*.menu_top a {font-size: 12px ;padding: 0 8px;}*/
		
}
@media only screen and (max-width:1490px) {

.fixNavigation .logo_menu{display:none}	
}

@media only screen and (max-width:1382px) {
	.cart_link{padding:15px 10px 35px;}
		.cart_link > a{font-size:12px;letter-spacing:2px;}
			.nbre_panier{font-size:12px;}
	.user_link > a{font-size:12px;letter-spacing:2px;}
	/*.menu_top a {font-size: 11px;padding: 0 5px;}*/
}
@media only screen and (max-width:1328px) {
	.cart_link > a{font-size:11px;letter-spacing:2px;}
		.nbre_panier{font-size:11px;}
	.user_link > a{font-size:11px;letter-spacing:2px;}
	/****SUBMENU*****/
.sub_menu{max-height:300px; overflow:auto}
.sub_cc {margin: 10px auto;max-width: 100%;padding-left: 0;background:none; width:100%; height:auto}
	.content_sb_cc{width:100%}
	.content_sb_cc::after {clear: both;content: "";display: table;}
		.produit_sub {float: left;margin: 0 1%;width: 47%;}
.bloc_categorie_sub {float: left;width: 50%;}
.titre_sub_cc{display:block}
	}
@media only screen and (max-width:1300px) {
.avantage_fixed{display:none}
}


/*TH 10" IPAD - 768*/
@media only screen and (max-width:1281px) {
	
	.carouHome img {/*margin-left: -30%;	height:382px*/}
	
	/*.menu_top a {font-size: 10px;padding: 0 0px;}*/
	.slogan strong{font-size:42px}
	
/****SUBMENU*****/
.container_sub::before,.container_sub::after {display:none}
	.sub_menu{padding-left:15px}
	h2.sousCategBit_lib{height:auto}
	.pretty_Bit{text-align:center}
	.fiche_tech_article .caract_unik_Bit strong{float: left;margin-right: 5px;display:block}
	 .fiche_tech_article .caract_unik_Bit  span {float: left;margin-right: 5px;display:block; min-width:250px}
}
@media only screen and (max-width:1100px) {
	.logo a {top: -9px;width: 331px;}	
	.menu_top, 	.search_bloc{width:50%}
		/*.menu_top a {padding:0}*/
/****SUBMENU*****/
.sub_menu{max-height:300px; overflow:auto}
.sub_cc {margin: 10px auto;max-width: 100%;padding-left: 0;background:none; width:100%; height:auto}
	.content_sb_cc{width:100%}
	.content_sb_cc::after {clear: both;content: "";display: table;}
		.produit_sub {float: left;margin: 0 1%;width: 47%;}
.bloc_categorie_sub {float: left;width: 50%;}
.titre_sub_cc{display:block}
	
}
/*TV 10" IPAD - 768*/
@media only screen and (min-width:992px) {
	.navigation{display:block!important}
	
}
@media only screen and (max-width:991px) {
	.navigation {display: none;position: absolute;width: 100%;z-index: 11;height:auto;  transition: none;-moz-transition: none;-webkit-transition: none}
		.fixnav {position: fixed;top: 87px;width: 100%;}
		.nav_item {float: none;text-align: left;width: 100%;}
			.nav_link{padding:10px}
			.nav_link > span {border-left: medium none;}
	.visible_tab_vert{display:block}
	.hidden_tab_vert{display:none}
	.pi-visible_tablette{display:block!important}
	.logo a{position: relative;top: 0px;width: 100%;}
	.header {height: auto;overflow: hidden;}
		.header_content {padding:10px 20px;}
	.title_top, .title_collection{max-width:100%}
	.sub_menu{display:none!important}
	.menu_mobile .col_20 {padding: 0 5px;}
}

@media only screen and (max-width:800px) {
	.carouHome img {/*margin-left: -50%;*/}
	.box_instit a > img {width: 100%;}
}
@media only screen and (max-width:768px) {
	.header{/* transition:0.5s all ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;*/}
	
.header_content .pi-visible_tablette.pi-col-sm-6 , .header_content .pi-col-md-3.pi-col-sm-6{float: left;width: 50%;}	
.fixmenu .pi-visible_tablette.pi-col-sm-6{float: none;width: 100%;}
.logo a{top:0}
}
/*SH */
@media only screen and (max-width:641px) {
	.visible_smartphone{display:block!important}
	.hidden_smartphone{display:none}	
		.title_filtre{margin-bottom:5px}
	.padding_page{padding-top:0px}
	.header_content .pi-visible_tablette.pi-col-sm-6 , .header_content .pi-col-md-3.pi-col-sm-6{float: none;width: 100%;padding:0}
	.header{height:auto; }
	.logo a{border-bottom: 2px solid #dadada;margin-bottom: 12px;top: 0;}
	.ico_header a em{right:2px}	
	.title_page span{font-size:20px; padding:0; letter-spacing:2px}
		
		.menu_mobile {padding: 0 10px;}
		/* #TB_overlay, #TB_window{display:none!important}*/
		#TB_window {left: 5% !important;margin-left: 0 !important;width: 89% !important;top:0%!important; margin-top:40px!important}
}
@media (min-width:479px) and (max-width:641px){
	.fixmenu{display:none!important}
}
/*SV*/
@media only screen and (max-width:481px) {
.articleBit_img{padding:5px}
.button_recover_pass{font-size:12px}

}

/*====================
		CAROU
=====================*/
@media only screen and (max-width:991px) {
.carou_phrase_admin{right:20px; margin-top:-166px}
.content_bulle{width:330px; height:330px}	
.carouHome a {/*background-position: 30% 0 !important;height: 382px;*/}
}
@media only screen and (max-width:640px) {
	.content_bulle{width:280px; height:280px}
		.carou_phrase_admin{margin-top:-144px}
.content_bulle span{font-size:24px}	
.content_bulle strong{font-size:38px}
.content_bulle em {font-size:12px}
.content_bulle a{font-size:17px}
.carouHome a {/*height: 300px;*/}
.carouHome:hover > button.slick-prev{opacity:0;}
.carouHome:hover > button.slick-next{opacity:0;}


}
@media only screen and (max-width:480px) {
.carouHome a {/*background-position: 36% 0 !important;*/}	
.content_bulle{width:230px; height:230px}
		.carou_phrase_admin{margin-top:-124px}
.content_bulle span{font-size:20px}	
.content_bulle strong{font-size:32px}
.content_bulle em {font-size:10px}
.content_bulle a{font-size:15px}
}
@media only screen and (max-width:380px) {
	.carouHome a {/*height: 225px;*/}
	.content_bulle{width:170px; height:170px}
		.carou_phrase_admin{margin-top:-88px}
		.content_bulle span{font-size:14px; padding-top:38px}	
.content_bulle strong{font-size:25px}
.content_bulle em {font-size:9px}
.content_bulle a{font-size:10px; padding:5px; }
}
@media only screen and (max-width:340px) {	
.content_bulle span{font-size:12px; padding-top:28px; background-size:25px}	
.content_bulle strong{font-size:22px}
.content_bulle em {font-size:8px}
.content_bulle a{font-size:9px; padding:5px; margin-top:5px}
}
/*====================
		AVANTAGE
=====================*/
@media only screen and (max-width:1600px) {
.content_avantage{text-align:center}
.av_BoxIndex{margin-left:0}	
}
@media only screen and (max-width:1310px) {
	.av_BoxIndex img {margin-right: 5px;}
	.av_BoxIndex a{font-size:13px; letter-spacing:1px}
		.av_BoxIndex span{padding-right:0}
	
}
@media only screen and (max-width:991px) {
.bloc_avant_footer{padding:45px 40px 30px; overflow:hidden}
.index_avantage{ background:none}
	.content_avantage{text-align:left}
	.av_BoxIndex {float: left;margin-bottom: 10px;margin-left: 0;min-height: 73px;width: 50%;}
	.article_avantage .av_BoxIndex{min-height:100%}
	.av_BoxIndex a {font-size: 17px;letter-spacing: 2px;}
		.av_BoxIndex img {margin-right: 15px;}
		.content_avantage::before{display:none}
}
@media only screen and (max-width:640px) {
.bloc_avant_footer {padding: 45px 15px 15px;}	
/*****instit resp****/
.instit_smartphone {margin-bottom:10px}
.instit_smartphone a {background:url("../template-bg_instit_resp.png") no-repeat scroll 0 0;color: #ffffff;display: block;font:13px "Ringbearer";height: 116px;margin: 10px auto;padding: 42px 10px;text-align: center;width: 116px;}
.instit_smartphone a:hover {background:url("../template-bg_instit_respH.png") no-repeat scroll 0 0;}
}


@media (min-width:414px) and (max-width:415px){
.instit_smartphone a{padding-top:48px}
.instit_smartphone a.instit_show{ padding-left: 20px;padding-right: 20px;padding-top: 40px;}
}

@media only screen and (max-width:400px) {
	.instit_smartphone .pi-col-3xs-4{padding:0 5px}
.instit_smartphone a {background-size: 100% auto;height: 130px;padding:50px 2px 0 2px;width:100%}	
.instit_smartphone a.instit_show{    padding-left: 20px;padding-right: 20px;padding-top: 34px;}
.instit_smartphone a:hover{background-size: 100% auto;}
}
@media (min-width:360px) and (max-width:361px){
.instit_smartphone a{padding-top:44px}
}
@media (min-width:375px) and (max-width:376px){
.instit_smartphone a{padding-top:48px}
.instit_smartphone a.instit_show{padding-top:40px}
}
@media only screen and (max-width:340px) {
.instit_smartphone a{padding-top:34px; height:98px}	
} 
@media (min-width:315px) and (max-width:320px){
.instit_smartphone a{padding-top:32px; line-height:13px}
.instit_smartphone a.instit_show{padding-top:23px}
}
/*====================
		TOP
=====================*/
@media only screen and (max-width:991px) {
.bloc_top_index{padding:45px 20px 30px 20px; position:relative; margin-top:-30px}	
.bloc_top_index::before{content:url('../template-cercle_bg.png'); position:absolute; top:10px; left:50%; margin-left:-17px; z-index:10}
.top_products button.slick-prev{ background-size:auto 100%; height:40px; margin-top:-77px;left:-20px;background-image:url("../template-arrow_left_categ.png")}
.top_products button.slick-next{ background-size:auto 100%; height:40px; margin-top:-77px;right:-32px;background-image:url("../template-arrow_right_categ.png")}
}
@media only screen and (max-width:768px) {
.ongletTopProduct li {float: left;padding: 0;width: 25%;}	
.ongletTopProduct::after {clear: both;content: "";display: table;}
.ongletTopProduct li a{margin:0}
}
@media only screen and (max-width:640px) {
.title_top, .title_collection{background:none}
	.title_collection span{background:none}	
.bloc_top_index {padding: 45px 10px 0 10px;}
.top_products button.slick-prev{left:-12px; background-size:auto 100%; height:50px; margin-top:-30px}
.top_products button.slick-next{right:-18px; background-size:auto 100%; height:50px; margin-top:-30px}
.ongletTopProduct li a{font-size:10px}
.articleBit_title{max-width:100%}
.prix_old{display:block; text-align:center; position:relative; margin-top:5px; font-size:10px; left:0}

.top_products{max-width:98%}
.articleBit_panier {padding: 5px 0;}

.media_content{height:300px}
.media_content iframe{height: 300px!important;}
}
@media only screen and (max-width:480px) {
.
.ongletTopProduct li a{font-size:9px}
.title_top, .title_collection, .title_avant_footer{font-size:20px; letter-spacing:2px}

.top_products button.slick-prev {height: 24px;left: -9px;margin-top: -68px;}
.top_products button.slick-next {height: 24px;right: -29px;margin-top: -68px;}
.media_content{height:225px}
.media_content iframe{height: 225px!important;}

.articleBit_title strong {overflow: hidden;}
.articleBit_title span{   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}}
@media only screen and (max-width:410px) {
.ongletTopProduct li {padding: 0 1%;width:auto;float:none; display:inline-block}	
}
@media only screen and (max-width:370px) {
.ongletTopProduct li a{font-size:8px}	
.articleBit_descr{padding:10px 0}
.title_top, .title_collection, .title_avant_footer, .title_page{font-size:18px}

}
/*====================
		COLLECTION
=====================*/
@media only screen and (max-width:991px) {
.content_selection{padding:25px 20px}	
.categ_lib {bottom: 0;height: auto;opacity: 1;top:auto;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
	.bg_categ_lib a{background:none; padding-top:0;}
.bg_categ_lib {background: url("../template-bg_coll_h.png") no-repeat scroll center bottom;padding: 10px 0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
	.categorie_Box:hover .bg_categ_lib{padding-top:0;}
	.categorie_Box:hover .bg_categ_lib a {padding-top: 22%;top: 0;width: 100%;background: url("../template-bg_lien_collection.png") no-repeat scroll center top;left:0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
	.collection_item{width:50%}
	
}
@media only screen and (max-width:640px) {
.bloc_selection {background: #b1b1b1 url("../template-bg_collection_l.png") no-repeat scroll right center / 211px auto;}
.bloc_selection::before,.bloc_selection::after  {display:none}	
.bg_categ_lib a{font-size:15px}
.collection_item{width:100%; padding:5px 0}
	.collection_liste::after{clear:none}
	.collection_liste{margin:auto; max-width:95%}
.content_selection{padding:25px 20px 20px 20px}
	.categorie_Box {max-width: 95%;margin: auto;}	
}
	
/*====================
		CRATION
=====================*/
@media only screen and (max-width:1110px) {
.createur_fabricant	.pi-col-md-6{float:none; width:100%}
.titre_creation{text-align:center}	
.createur_fabricant{text-align:center;background: url("../template-bg_creation_resp.png") no-repeat scroll center top / cover ;}
}
@media only screen and (max-width:640px) {
.createur_fabricant{display:none}	
}
/*====================
		AVANT FOOTER
=====================*/
@media only screen and (max-width:991px) {
.box_instit{margin:0 auto 30px; text-align:center; max-width:780px}
.title_avant_footer{max-width:100%}
}
@media only screen and (max-width:850px) {
.media_content{width:100%; background-size:100% auto; padding-bottom:15px}	
}
@media only screen and (max-width:680px) {
.title_avant_footer::after, .title_avant_footer::before{display:none}		
}
@media only screen and (max-width:640px) {

.av_BoxIndex a {font-size: 13px;}
	.av_BoxIndex img {margin-right: 0;width: 30%;}
	.av_BoxIndex span {padding-left: 5px;width: 70%;text-align: center;}
	.av_BoxIndex{min-height:56px;text-align: center;}
}
@media only screen and (max-width:480px) {
.av_BoxIndex a {font-size: 10px;letter-spacing:1px}	
.title_footer{font-size:21px}
}
/*====================
		AVANT FOOTER
=====================*/
@media only screen and (max-width:1200px) {
	.box_instit span{font-size:11px; padding:10px  0}
	.box_instit strong{font-size:18px; padding-bottom:0}
	.bloc_instit .pi-col-md-4{padding:0 7px}
}
@media only screen and (max-width:991px) {
	.box_instit span{font-size:12px; padding:15px}
	.box_instit strong{font-size:21px; padding-bottom:10px}
	.bloc_instit .pi-col-md-4{padding:0 15px}
}

/*====================
		NEWSLETTER
=====================*/
@media only screen and (max-width:1390px) {
.formcontent_news {float: none;margin: auto;max-width: 480px;}	
.content_newsletter span {display: block;text-align: center;}
.content_newsletter span  br{display:none}
.title_newsletter {border-right: medium none;float: none;text-align: center;background: url("../template-trait_title_w.jpg") repeat-x scroll center center;}
.title_newsletter span{ display:inline-block; padding:0 20px; background:#b1b1b1 }

}
@media only screen and (max-width:992px) {
.n_submit{top:5px}	
.formcontent_news{margin-right:auto}
}
@media only screen and (max-width:768px) {
	.n_text{width:100%}	
	
	.formcontent_news::after{left:-18%}
	}
@media only screen and (max-width:766px) {
	.formcontent_news{max-width:75%;margin-right:auto }
	}
@media only screen and (max-width:640px) {
.formcontent_news::after{display:none}	
	.title_newsletter {background:none; padding:0}
	.title_newsletter span{display:block; padding:0; text-align:justify}
	.n_text{height:40px}
	.n_submit{top:9px}
	.content_newsletter span{font-size:11px; margin:0}
	.formcontent_news {max-width: 100%;}
.bloc_newsletter{margin:0 auto}
}
@media only screen and (max-width:480px) {
.title_newsletter {font-size:20px; letter-spacing:2px}	
}
/*====================
		FOOTEr
=====================*/
@media only screen and (max-width:1490px) {
.footer{padding:55px 30px 35px	}
.mode_paiement{max-width:70%}	
}

@media only screen and (max-width:1300px) {
.mode_paiement {border-left: medium none;float: none;padding-left: 0;max-width:100%}	
.service_left a{font-size:24px}
.shadow_service{padding-bottom:21px}
}
@media only screen and (max-width:991px) {
	.bloc_media{position:relative}
.bloc_media::after {content: url("../template-bg_media.png");left: -50%;position: absolute;top: 67px;z-index: 1;}
	.media_content{position:relative; z-index:10}
.content_service{margin-top:20px}
.footer_bottom .pi-col-md-6.pi-pull-right {float: none !important;}
.footer_bottom{margin:0}
.mode_paiement_footer{text-align:center; background:#ececec }
	.mode_paiement {border-left: medium none;float: none;margin: 15px auto;padding-left: 0;padding-bottom:10px; border-bottom:2px solid #868686}
.footer_social{text-align:center}
	.footer_reso {border-bottom: 1px solid #868686;float: none;padding: 10px 0;}
.container_bottom{margin:0 -15px}
service_left a{font-size:30px}
}
@media only screen and (max-width:640px) {
	.bloc_media::after{display:none}
.footer {padding: 55px 8px 10px;}	
.menu_footer ul li a{font-size:12px; padding-left:11px}
.service_left {float: none;width: 100%;text-align:center}
.btn_service {float: none;width: 100%;text-align:center}
.btn_service a {background:url("../template-bg_contact_resp.png") no-repeat scroll center top;height: 40px;margin: auto;padding: 10px 10px 10px 40px;text-align: center;width: 165px;color:#d9d9d8; letter-spacing:3px}
.btn_service a:hover {background:url("../template-bg_contact_resp_h.png") no-repeat scroll center top}
.footer_bottom {margin: 0 -10px;}
.shadow_service{padding-bottom:20px}
.cadre_container {padding: 15px 10px;}
.footer_top{padding-bottom:15px}
}
@media only screen and (max-width:360px) {
.menu_footer ul li a{font-size:11px; padding-left:10px}	
.service_left p{font-size:10px}
.service_left a{font-size:26px; padding-bottom:5px}
}
/*====================
		PAGE CATEG
=====================*/
.list_produit .articleBit_img {min-height: auto!important;}
@media only screen and (max-width:1590px) {
.categorie_content{padding:0 15px 25px}	
/*.pi-section{max-width:1340px}*/
}
@media only screen and (max-width:1050px) {
.articleBit_title{height:60px}
}
@media only screen and (max-width:991px) {
.categ_description{max-width:90%}	
.filterContent .sod_select .sod_label{padding:12px 23px 3px 10px; font-size:12px; height:37px}
.filterContent .sod_select .sod_label::after{top:16px}
.ss_categ_item{width: 50%;}
.sousCategBit{margin-bottom:30px}
.client_wrapper .btn_valider{ margin:5px auto; min-width:150px}
.btn_valider{ min-width:120px; margin:auto}
}
@media only screen and (max-width:750px) {
.ss_categ_item{width: 50%;}	
}
@media only screen and (max-width:640px) {
.categ_description{position:fixed;top:-9000px;left:-9000px;}
.marque_conteneur .categ_description{display:block; padding:20px 10px; max-width:100%}
.sous_categ_content h2.sousCategBit_lib a span{font-size:14px ; padding-top:30px}
.sous_categ_bloc_lib{background:none; margin-bottom:5px}
.sous_categ_bloc_lib span{padding:0; font-size:20px; letter-spacing:2px}
h2.sousCategBit_lib em{display:none}
h1.categorie_lib {margin: 20px auto 0;max-width: 100%;text-align: center;}
h1.categorie_lib span::before,h1.categorie_lib span::after {display:none}
div.categorie_lib {margin: 20px auto 0;max-width: 100%;text-align: center;}
div.categorie_lib span::before, div.categorie_lib span::after {display:none}
.sous_categ_bloc {padding: 21px 0;}
	.filter_bloc_categ {background: #b1b1b1;margin: 0 -15px 20px;padding: 15px 10px;}
		.filterContent {float: none;margin: 10px 0;padding: 0 10px;width: 100%;}
		.ss_categ_item {padding: 5px 0;width:100%}
		.sous_categ_bloc_list::after{clear:none}
		.sous_categ_bloc_list{margin:0; padding:15px 0}
		.sousCategBit {margin: 0 auto 30px;max-width: 95%;}
		.tri_par{text-align:center}
.header_categorie{height:175px}
	.cat_ima{height:175px}
	.sousCategBit_ima{min-height:160px; max-height:160px}
	.goToTop{border-radius: 34px 34px 0 0;-webkit-border-radius: 34px 34px 0 0;-moz-border-radius: 34px 34px 0 0;-o-border-radius: 34px 34px 0 0;bottom: 0;height: 32px;right: 50%;text-align: center;width: 64px;margin-right:-32px}
.goToTop span {background-position: center center;color:tranparent; font-size:0; padding-top:0; height:25px}
.articleBit_prix{min-height:32px}
	.art_prix_promo{font-size:23px}	
	.article .prix_promo{font-size: 14px}
	.list_produit .article_conseil_item .articleBit_img {min-height: 155px;}	
	.list_produit .article_marque_item .articleBit_img {min-height: 155px;}	
}
@media (min-width:479px) and (max-width:641px){
	.list_produit .pi-col-lg-2.pi-col-md-3.pi-col-sm-4.pi-col-3xs-6{width:33.3333%; padding:0 5px}
	.list_produit .articleBit_img {min-height: 183px;} 
}
@media (min-width:320px) and (max-width:480px){
	.list_produit .articleBit_img {min-height: 168px;}
}	

@media only screen and (max-width:479px) {
.sous_categ_content button.slick-prev {left:-5%}
.sous_categ_content button.slick-next {right:-5%}
.sous_categ_content .sousCategBit{max-width:90%}
.list_produit .articleBit_img {min-height:205px}
.sous_categ_bloc {padding: 10px 0 0;}	
	.sousCategBit_ima{min-height:150px; max-height:150px}
}
@media only screen and (max-width:380px) {
.list_produit .articleBit_img, .list_produit .article_conseil_item .articleBit_img, .list_produit .article_marque_item .articleBit_img {min-height:150px}	
}
@media only screen and (max-width:340px) {
.list_produit .articleBit_img, .list_produit .article_conseil_item .articleBit_img, .list_produit .article_marque_item .articleBit_img {min-height:140px}	
}
@media only screen and (max-width:319px) {
.sous_categ_bloc_lib span{font-size:19px}
}
/*====================
		PAGE ARTICLE
=====================*/
@media only screen and (max-width:1490px) {

.btn_retour_rayon {background: none;color: #868686;display: inline-block;left: 0;padding: 15px 0 0 0;position: relative;top: 0;width: 100%;height: auto;}
	.btn_retour_rayon:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;left: 0;padding: 15px 0 0;}
	.btn_retour_rayon span {background: none;padding-top: 0;text-align: left;letter-spacing:4px; padding-left:15px; position:relative}
		.btn_retour_rayon span:before {content: "\e8c3";font-family: fontello;position: absolute;left: 0;top:2px}
	.btn_retour_rayon span br {content: "";margin-left: 3px;line-height: 1px;}
.produit_pagination{height: 20px;line-height: 19px;float: right;margin-top: 10px;font-size: 10px;}
}
@media only screen and (max-width:1350px) {
.article_content{padding:0 15px 25px}	
.article_avantage .pi-col-sm-6 {float: none !important;width: 100%;}
.reso_socio{width:auto; margin-right:0; border-left:none;}
.paiement_art{width:auto;}
.avantage_article {padding-top: 15px;margin-top:15px; border-top:1px solid #b1b1b1}
}
@media only screen and (max-width:1050px) {
	.article_top .pi-col-sm-6 {float: none;width: 100%;}
	.article_top-title {margin: 15px 0;}
	.artPopub_continuer a{padding:10px}
.btn_valider {min-width: 125px;text-align: center;}	
.btn_ajout_adress .btn_valider {min-width: 240px;text-align: center;}
}
@media (min-width:1024px) and (max-width:1025px){
	.art_jaime > span {width: 160px;display:block}
	span.details {vertical-align: text-top;padding-bottom: 40px;}
	span.read-less .lire_moins {position: absolute;left: 17px;}
	.article_top-title{min-height:116px}
.header_content .pi-col-sm-5.pi-no-padding-left.hidden_tab_vert {padding-right: 0;}
.cart_link{width:46%}
}
@media only screen and (max-width:992px) {
.title_art_vu::after, .title_art_vu::before{width:130px}
.article_bottom_content{padding:0 15px 20px}
.retour_rayon{display:none}
.article_top-title h1{padding-top:15px}
.article_conseil_row .Article_Bit {max-width: 92%;}
.article_marque_row .Article_Bit {max-width: 92%;}
.art_jaime > span {width: 160px;display:block}

.copyright{padding: 10px 0}
}
@media only screen and (max-width:700px) {
.title_aticle_conseil, .title_aticle_marque, .title_art_vu{font-size:20px; letter-spacing:2px}	
}
@media only screen and (max-width:640px) {
	.article_content{padding:0 15px 0}
		.article_top-title h1 {padding-top: 0;}
	.article_top {padding: 20px 0;}
	.pretty_image, .big_image{float:none; width:100%}	
	
		.article_top-title {text-align: center;}
		.pretty_image{padding:15px 0}
		.pretty_Bit{padding:0}
			.pretty_Bit a{max-width:95%; margin:5px auto; padding:5px}
			.caract_value, .caract_lab{float:none}
			.avantage_article {display: none;}
		.reso_socio{width:100%;float:none; border-right:none; padding:0 0 10px 0; border-bottom:1px solid #b1b1b1}
		.paiement_art{width:100%;float:none; text-align:center; border-top:1px solid #b1b1b1}	
		.article_carateristique{border-top:none; padding-top:0}
			.caract_qte{min-height:66px; position:relative}
				.aticle_prix {text-align: right;position: absolute;right: 0;top: 33px;height: 66px;}
				.article_bottom_content{margin-top:-15px; padding-top:15px}
				.article_conseil_item .Article_Bit{width:95%; margin:auto}
				.article_marque_item .Article_Bit{width:95%; margin:auto}
				.lire_suite{margin:10px auto}
				.art_vu_Bit{width:28%; margin:5px}
				.caract_value{width:100%}
			.article_top-title {margin: 15px 0 0 0;}
			.article_conseil_content{padding:20px 0 0 0}
			.article_marque_content{padding:20px 0 0 0}
			.aricle_image {padding: 0 5px;}
				.pretty_image button.slick-prev {background:url("../template-prec_t_artresp.png") no-repeat scroll center center;left: -20px;margin-left: 0;margin-top: -10px;top: 50%;}
				.pretty_image button.slick-next {background:  url("../template-next_t_artresp.png") no-repeat scroll center center;bottom: 50%;left: auto;margin-bottom: -10px;margin-left: 0;right: -20px;}
		.title_aticle_conseil::after, 	.title_aticle_conseil::before, .title_aticle_marque::after, .title_aticle_marque::before,.title_art_vu::after, .title_art_vu::before {display:none}
	.lire_moins{margin:10px auto}
			.read-less {display: block;text-align: center;}
			.article_caract_left, .article_caract_right{width:50%}
}

@media (min-width:568px) and (max-width:569px){
.article_conseil_item  .articleBit_img	a> img{height:145px}
.article_marque_item  .articleBit_img	a> img{height:145px}
}
@media only screen and (max-width:480px) {
	.panier_bouton{max-width:100%}
	.box_question{max-width:100%}
	.article_caract_left, .article_caract_right{float:none; width:100%; margin:10px 0; padding:0; border:none}
}
/*====================
		CLIENT
=====================*/
@media only screen and (max-width:1100px) {
	.clientContentMenu{width:25%;}
		.clientContentMenu li a{padding:15px;}
		.clientContentMenu li.current a{padding:15px 35px 15px 15px;}
	.clientContentBloc{width:75%;}
		.bigPadding{padding:25px;}
}
@media only screen and (max-width:991px) {
.formContent{margin:44px auto}
.arianeBox{background:#f5f5f5}
.divers{padding:30px 0}
.client .panier_content,.institutionnel .panier_content  {background: #f5f5f5 none repeat scroll 0 0;padding: 0 10px !important;}

.clientContentBloc .sod_select_group{width:66%}
.clientContentBloc .formClient .sod_select_group > .sod_select{width:31%; min-width:auto}
}
@media only screen and (max-width:860px) {
	.divers_2{padding:15px 0;}
		.clientContentMenu{width:100%;float:none;}
			.clientContentMenu li{width:16.66667%;float:left;padding:0 1px;max-height: 50px;}
				.clientContentMenu li a{padding:10px 5px;text-align:center;height:50px;font-size:10px;display:table-cell; vertical-align:middle;width:16.66667%;}
				.clientContentMenu li.current a{padding:10px 0;background-image:none;}
		.clientContentBloc{width:100%;float:none;clear:both;}
		.bigPadding{padding:20px;}
}
@media only screen and (max-width:768px) {
.hidden_768{display:none}	
.rechercher .row {padding: 0 10px;}

.table_commande_head{display:none;}
.td_cmd_date{width:40%;}
	.td_cmd_date span{display:inline;}
	.td_cmd_date strong{font:13px 'Gotham-Medium';display:inline;}
.td_cmd_num{display:none;}
.td_cmd_livre{display:none;}
.td_cmd_total{display:none;}
.td_cmd_statut{width:45%;}
	.facture_nomUser{display:inline;font:12px 'Gotham-Medium';text-transform:uppercase;}
.td_cmd_voir{width:15%;}
}
@media only screen and (max-width:725px) {
.client_container .title_page::before, .client_container .title_page::after{display:none}	
	}
@media only screen and (max-width:680px) {
	.clientContentMenu li a{font-size:9px;}
}
@media only screen and (max-width:640px) {
	.clientContentMenu li a {display: block;height: auto;min-height: 10px;width:100%}
		.clientContentMenu li a span{display:none;}
		.clientContentMenu li a i{display:inline-block;font-size:18px;}
		
	.hidden_640{display:none}
	.title_page{background:none}	
	.client_titre{font-size:20px}
}
@media only screen and (max-width:585px) {
.panier_save .tdheadcde font {display: none;}	
}
@media only screen and (max-width:480px) {
.hidden_480{display:none}	
.menu_client {padding: 0 15px;}
.client_wrapper {padding: 5px 0;}
	.titre_content strong{font-size:12px}
	.tdheadcde.visible_480{display:table-cell}
	.client .panier_save .ligne_cmdBit td::after {display:none}
	
	.clientContentBloc .sod_select_group{display:block;width:100%}
	.clientContentBloc .formClient .sod_select_group > .sod_select{width:32%; min-width:auto}
}
@media only screen and (max-width:370px) {
td.nom_panier_save {max-width: 90px;}
.panier_save .input_txt_2{width:95%}
.clientContentBloc .formClient .sod_select .sod_label{font-size:12px}
.resume_article .table_num_cde {max-width: 166px;}	
.resume_image{float:none}
}

/*====================
		PANIER
=====================*/
@media only screen and (max-width:1280px) {
.Step_panier_cde  .bx_etape{min-height:100%}
	}

@media only screen and (max-width:1192px) {
.Step_panier_cde .pi-col-md-4:first-child {width: 100%;float:left}
.btn_cde{margin:8px auto}
.bx_etape{margin: 10px auto;}	
	.Step_panier_cde .pi-col-md-4:first-child .content_etape {/*: left;width: 50%;*/}
	.Step_panier_cde .pi-col-md-4:first-child .adresse_livr_client {/*float: left;*/padding: 10px 0;width: 50%;margin:0 auto}
.identif_client {border-bottom: medium none;}
.Step_panier_cde .pi-col-md-4:nth-child(2),.Step_panier_cde .pi-col-md-4:nth-child(3) {width:50%; float:left}
.Step_panier_cde .pi-col-md-4:nth-child(2) .bx_etape ,.Step_panier_cde .pi-col-md-4:nth-child(3) .bx_etape{margin: 10px auto; max-width:310px;min-height:200px}
.Step_panier_cde .pi-col-md-4:first-child .bx_etape{min-height:100%}
}
@media only screen and (max-width:992px) {
	.lignePanierBit{padding:10px 0}
.Step_panier_cde {margin:0 0 0 -15px;padding:0 10px}
.section_panier{padding-top:0}
.cde1ajax .caract_cde{max-width:75%; float:left}
	.cde1ajax .caract_lab {display: inline-block;}
	.cde1ajax .caract_value {display: inline-block;vertical-align: middle;width: 94px;}
.bx_etape form {margin: auto;max-width: 301px;}
	.box_cgv{text-align:right}
	.box_cgv > label{width:430px}
	.article_code{display:none}
	.artPopub_lib{margin:0 0 15px 0}
}
@media only screen and (max-width:850px) {
	.cadeau_cde1_lib {float: none;margin: 0 0 10px;text-align: center;width: 100%;}
		.formCadeau {float: none;padding-right: 40px;width: 100%;}
		.ok_cadeau{right:0}
}
@media only screen and (max-width:768px) {
.head_table .pi-col-sm-2.pi-no-padding.pi-text-center {display: none;}
.head_table .pi-col-sm-6{width:100%; text-align:center}
	.tdheadcde span{border-right:none}
.menuplan_g, .menuplan_d{float:none; width:96%; margin:20px auto}
.bloc_etape_suiv {padding: 0 20px;}
.btn_cde{margin:8px auto}
.artPopub_lib{font-size:15px}

}
@media only screen and (max-width:640px) {
.Step_panier_cde {padding:0}
	.table_qte, .td_priceUnit, .td_prixtot{height:40px}
.rechercher table tr:nth-child(2), .rechercher table tr:nth-child(3) {display: none;}
.caract_cde{max-width:198px}	
.Step_panier_cde .pi-col-md-4:first-child .content_etape {float: none;width: 100%;}
	.Step_panier_cde .pi-col-md-4:first-child .adresse_livr_client {float: none;padding: 0 0;width: 100%;}
.bloc_etape_suiv .pi-text-right {text-align: center;}
.box_cgv > label{width:auto}
.box_cgv{text-align:left}
.artPopub_continuer, .artPopub_valider {float: none !important;margin: 5px auto !important;text-align: center;width: 90% !important;}
.artPopub_continuer a, .artPopub_valider a{font-size:12px}
}
@media only screen and (max-width:480px) {
.lignePanierBit .pi-col-sm-2.pi-col-3xs-4 {width: 50%;}
.bx_etape{margin: 10px auto; max-width:310px; min-height:100%}	
.Step_panier_cde .pi-col-md-4{float:none!important; width:100%!important}
.identif_client {border-bottom: 1px solid #d9d9d9;}
.cde1ajax .form_client::after{right:-9px}
.artPopub_lib {max-height: 33px;  overflow: hidden;}
}
@media only screen and (max-width:340px){
	.cde1ajax .caract_cde{max-width:70%; }
	.cde1ajax .bx_etape.active_box .form_client::after{display:none}
	
}


/*====================
		INSTIT
=====================*/
@media only screen and (max-width:992px) {
	.instit , .institform{float: none;margin: 5px auto;  width: 100%;}
	.menu_descr{min-height:80px}
}
@media only screen and (max-width:640px) {
	.institFormContent{padding:10px;}
	.institForm_et{float:none;width:100%;margin:0 0 5px;padding:0;text-align:left;}
		.institFormBox input[type="text"],
		.institFormBox input[type="tel"],
		.institFormBox input[type="mail"],
		.institFormBox input[type="password"] {float:none;width:100%;}
		.institFormBox textarea {float:none;width:100%;}
}
@media only screen and (max-width:520px) {
	.institFormShadow, .contactBoxInstitWrapper{padding-bottom:10px;}
}