/*===================
 		COMMUN 
 ==================*/

 @media only screen and (max-width:1050px) {
	#header{padding-left:0; padding-right:0; border-bottom: 1px solid #e5dcd3}
	.big_wrapper{  overflow-x: hidden;overflow-y: auto;width: 100%;}
	.conseil_lien{font-size:11px}
	.conseil_lien span{font-size:18px}
	.other_link_top {font-size: 11px;}
	
	
		
		#bandeauAdmin{height:auto; padding:0 10px}
	}
	
	@media only screen and (max-width:1340px) {
		a.navLink  {font-size:13px;}
		a.navLink span {padding-left: 10px;padding-right: 10px;}
		.other_link_top a{padding-left: 6px;padding-right:6px;}
	}
	@media only screen and (max-width:1200px) {
		a.navLink  {font-size:12px;}
		.s-text{font-size: 13px;}
	
	}
	@media only screen and (max-width:1130px) {
		a.navLink span {padding-left: 8px;padding-right: 8px;}
	}
	@media only screen and (max-width:1024px) {
	a.navLink{font-size:12px;}
	}
	
	@media only screen and (min-width:992px) {
		.menu_mob_overlay{display: none!important}
	}
	@media only screen and (max-width:992px) {
	.content_header .pi-col-sm-6.pi-no-padding-left {padding: 0 10px;width: 30%;}	
	.content_header .pi-col-sm-3.pi-no-padding {width:40%}	
	.texte_perso_center img{display:none}
	.menu_mobile_bloc{display:block}
		.logo img {max-height: 100px}
	.pi-col-3xs-3.left_logo {width: 20%;}
	.hidden_mobile{display:none}
	.visible_mobile{display:block}
	.content_header{background:#211f22; padding:20px 0}
		.other_link_top span {font-size:11px}
		.other_link_top a{padding: 0 5px}
		.conseil_lien {font-size: 14px;position: absolute;right: 13%;top: 0;width:350px; text-align:right}
		.conseil_lien span {font-size: 20px;}
		.texte_perso_center{font-size:29px; padding-top:10px}
		.other_link_top {margin-top: 0;}
	/********Menu******/
	.menu{padding-left:0}
	.navigation::after{display:none}
	.navigation {display: block;position: fixed;left: 0;background-color: #424448 ;left: -500%;top: 0;height: 100%;z-index: 99999;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;}
	.admin_connexion  .navigation {top:35px}
	.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:3px solid #424448}
			.close_menu_mob{display:block}
			.has_sub .navLink::after {content: "+";position: absolute;right: 28px;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}
			.active .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;}
	li.navItem{display:block;padding:0}
		a.navLink{color:#010101; text-align:left; padding:10px 15px;/*border-bottom: 1px solid #01010*/; font-size: 16px;}
		.active a.navLink{border-bottom-color:rgba(0,0,0,0)}
			.navLink span br {display: none;}
			.navItem.nouv_nav , .navItem.surmesure_nav{padding-right: 0;width: 100%;}
				.navItem.top_vente_nav a.navLink, .navItem.promotion_nav a.navLink{color:#ffffff}
					.subMenu {position: relative;padding: 0 10px 0 15px;}
					.navItem.surmesure_nav .navLink,.navItem.nouv_nav .navLink {padding:10px 15px; margin-top:0; text-align:left}
	.navItem.surmesure_nav .navLink br{display:none}
	/*****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}
		 
		.nav_top {float: none;}
			.nav_top > li{width:25%}
		.texte_promo{padding-top:9px}
		.bloc_slider {padding-top: 15px;}
		.bloc_auto_promo{margin-left:-5px; margin-right:-5px}
		.autopromos{padding:0 5px}
		.selection_item.image_selection {display: none;}
		.texte_perso_index {display: none;}
		.pi-padding-top-bottom-30.pi-text-center.perso_index {padding: 20px 0!important;}
		.titre_42{font-size:30px}
	
	}
	
	@media only screen and (max-width:800px) {
	.texte_perso_center {font-size: 24px;}
	.conseil_lien span {font-size: 18px;}
	.conseil_lien  {font-size: 13px;}
	
	}
	@media only screen and (max-width:767px) {
	.conseil_lien{display:none}	
	.content_header{padding:5px 0}
	.content_header .pi-col-sm-6.pi-no-padding-left{display:none}
	.content_header .pi-col-sm-3.pi-no-padding {width: 70%;float:right}
	.menu_mobile_bloc span{font-size:11px}
	body{font-size:12px}
	.other_link_top span {font-size:10px}
	.max-header {padding-top: 10px;padding-bottom: 10px;}
	.logo {
		left: 0;
		margin-top: 0;
		position: relative;
		top: 0;
	}
	.logo img {max-height: 54px}
	.s-text{height: 40px;font-size: 12px;}
	.s-submit{height: 40px;}
	}
	@media only screen and (max-width:640px) {
		.menu_mobile_bloc img {max-width: 45px;}
	
		
	}
	@media only screen and (max-width:575px) {
		.other_link_top a {padding: 0 8px;}
		.other_link_top a span {height: 25px !important;width: 25px!important;background-size: 100%!important;min-width: 20px;}
		.toggle_menu img{max-width: 40px;width: 100%;}
		.toggle_menu{width: 35px;}
		.logo img {display: none;}
		.logo{text-align: center;}
	}
	@media only screen and (max-width:480px) {
	
		.s-text{height: 36px;}
	.s-submit{height: 36px;}
		.content_header .pi-col-sm-3.pi-no-padding{width:60%}
			.menu_mobile_bloc img {max-width: 35px;}
		.logo img {max-height: 70px;}
	
		body{font-size:11px}
		.pi-padding-top-bottom-30.pi-text-center.perso_index {font: 11px "Gotham-Medium";padding:10px 8px!important;}
	
		
	}
	@media only screen and (max-width:380px) {
	
	.titre_article{font-size:10px}
	.other_link_top a {padding: 0 4px;}
	.logo img {max-height: 60px;}
	
	}
	@media only screen and (max-width:350px) {
		.toggle_menu {width: 30px;}
		.other_link_top a span {height: 20px!important;width: 20px!important;}
	}
	
	/*===================
			 SLIDEer 
	 ==================*/
	@media only screen and (max-width:1050px) {
		
		.homeslider-prev{left:15px; margin-top:-42px}
		.homeslider-next{right:15px; margin-top:-42px}
		
		
		
	}
	@media only screen and (max-width:992px) {
	.bloc_slider{padding-top:0}
	.first_bloc{background:#f2f3f5 }
	.first_bloc::after{display:none}
	.swiper-pagination-bullet{width:6px!important; height:6px!important}
	.conteneur_slider .swiper-pagination {bottom: 0;padding: 5px 0 2px;}	
	.slider_item {padding: 0;}
	}
	
	@media only screen and (max-width:767px) {
	.homeslider-prev,.homeslider-next{display:none}	
	}
	/*===================================
	 MA CREATION index PORTRAIT
	 =================================*/
	 @media only screen and (max-width:1050px) {
	
		.crea_button{font-size:14px}
		.bloc-creation-index {height: 450px;background-size: cover!important;background-attachment:initial!important;}
		.bloc_ma_creation {margin-top: 8%;}
	
		.content_ma_creation::before {height: 165px;background-size: 70%!important;background-position: 50% 0!important;}
		.titre_creation_i h2 {font-size: 35px;padding-bottom: 15px;}
		.content_ma_creation {padding: 25px;}
	}
	@media only screen and (max-width:992px) {
	
		.bloc_ma_creation {padding: 15px 0;}
		.titre_creation_i,.titre_creation_i h2,.titre_creation_i h2>span {font-size:28px!important}
		.titre_creation_i h1>span  {font-size:28px!important;display: block;}
			.crea_input{height:38px}
			.content_input_creation {padding-top: 5px;padding-bottom: 5px;}
		.crea_button{font-size:12px}
		.bloc_portrait {background: #fcfcfc;margin-top: 0;padding: 0;}
		.bloc_portrait .titre_42.color_bleu {background-color: #f2f3f4;padding-bottom:15px; padding-top:0}
		.titre_42{font-size:30px}
		.shadow_creation{padding-bottom:16px}
		.portrait_content{margin-top:0}
		.portrait_content .swiper-pagination-bullet {background-color: #f4dfc0;}
		.titre_personnage > strong > span{padding:5px 0}
		.titre_personnage > strong::before {background-size: cover ;    height: 61px;    width: 63px;}
		.titre_personnage > strong::after {background-size: cover ;    height: 61px;    width: 63px;}
		.img-hover-scale a h3, .img-hover-scale a div{font-size: 26px}
		.title-perso-i{font-size: 19px!important;}
	}
	
	@media only screen and (max-width:800px) {
	.titre_42{font-size:28px}
		/***********POPUp*******/
		#TB_window.ajout_panierpopup,#TB_window {width:95%!important; margin-left:-47.5%!important}	
	}
	@media only screen and (min-width:640px) {
	.d-none-desktop{display: none;}
	}
	@media only screen and (max-width:640px) {
		.ajout_panierpopup#TB_window , #TB_window{width:95%!important; margin-left:-47.5%!important; left:50%; top:30px!important; margin-top:0!important}
		.artPopub_continuer, .artPopub_valider{float:none; width:100%}	
	.artPopub_continuer a,.artPopub_valider a{margin:5px auto; width:100% !important; font-size:13px}
	
	.hidden_640{display:none}
	.titre_creation_i,.titre_creation_i h2,.titre_creation_i h2>span, .titre_creation_i h1>span,.titre_creation_i div>span {font-size:26px!important}	
	.crea_input{font-size:12px}
	
	.img-hover-scale a h3, .img-hover-scale a div{font-size: 24px}
	.artPopub .pi-col-3xs-3.pi-text-center{padding: 0;}
	.artPopub_lib{font-size:15px}
	
	.bloc_ma_creation {margin-top: -15%!important;position: relative;top: 0;left: 0;transform: none;}
	.content_ma_creation {padding: 15px;}
		.content_ma_creation::before{width: 100%;left: 0;height: 140px;background-size: auto 88%!important;bottom: 120%;}
	.bloc-creation-index {    background: none!important;height: auto;}
	.test-rotate-hor{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);} 
	.title-perso-i{padding-left: 15px;}
	}
	
	
	@media only screen and (max-width:480px) {
	.titre_creation_i,.titre_creation_i h2 ,.titre_creation_i h2>span,.titre_creation_i h1>span,.titre_creation_i div>span {font-size:24px!important}	
	.titre_creation_i br{display: none;}
	.version_DE .titre_creation_i * {
		line-height: 23px;
	}
	.artPopub_lib{font-size:14px}
	.content_ma_creation::before{height: 100px; }
	.crea_button{font-size:11px; height: 32px;padding-top: 8px;padding-bottom: 8px}
	.crea_input {height: 32px;font-size: 11px;}
	.content_input_creation {padding-top: 3px;padding-bottom: 3px;padding-right: 3px;padding-left: 0}
	.bloc-creation-index {/*height: 280px;*/}
	.bloc_ma_creation {margin-top: 50px;}
	.shadow_creation{padding-left: 15px; padding-right: 15px}
	.b_button_crea{width: 115px}
	.img-hover-scale a h3, .img-hover-scale a div{font-size: 26px}
	
	.img-hover-scale a h3, .img-hover-scale a div{font-size: 21px}
	}
	@media only screen and (max-width:410px) {
	.titre_creation_i,.titre_creation_i h2,.titre_creation_i h2>span,.titre_creation_i h1>span ,.titre_creation_i div>span{font-size:22px!important}	
	}
	@media only screen and (max-width:380px) {
	.titre_creation_i,.titre_creation_i h2,.titre_creation_i h2>span,.titre_creation_i h1>span,.titre_creation_i div>span{font-size:20px!important}	
	.img-hover-scale a h3, .img-hover-scale a div{font-size: 24px}
	}
	@media only screen and (max-width:360px) {
	.titre_creation_i,.titre_creation_i h2,.titre_creation_i h2>span,.titre_creation_i h1>span,.titre_creation_i div>span{font-size:19px!important}		
	.content_ma_creation::before{ bottom: 112%;}
	}
	@media only screen and (max-width:340px) {
	.titre_creation_i,.titre_creation_i h2,.titre_creation_i h2>span,.titre_creation_i h1>span,.titre_creation_i div>span{font-size:18px!important;white-space: nowrap;}		
	}
	/*===================================
			PORTRAIT
	 =================================*/
	 @media only screen and (max-width:1200px) {
	 .container, .container-lg, .container-md, .container-sm, .container-xl {max-width:100%!important;}
	 .bloc-categorie-index{padding-top: 30px; padding-bottom: 30px}	
	 .titre_45{font-size: 40px}
	 .page_index .titre_45{font-size: 26px;}
	 }
	
	 @media only screen and (max-width:992px) {
		 .titre_45{font-size: 36px}
		 .version_DE .titre_45{font-size: 32px}
		  .bloc-categorie-index{padding-top: 20px; padding-bottom: 20px}	
		  .ico-portrait img {max-height: 33px;}
		  .ico-qsn img {max-height: 33px;}
		  .ico-avis img {max-height: 50px;}
		  .wow {animation: none!important;-webkit-animation: none!important;}
	.paragraphe p {margin-bottom: 15px;}
	  }
	
	   @media only screen and (max-width:640px) {
		 .titre_45{font-size: 34px}
		  .ico-portrait img {max-height: 31px;}	
		   .ico-qsn img {max-height: 31px;}
		   .ico-avis img {max-height: 48px;}
		  .expand-me ul li{width: 100%}
		  .expand-me .read-more, .expand-me .read-less{text-align: left;padding-left: 5px}
		  .paragraphe {font-size: 13px;}
	  }
	  @media only screen and (max-width:575px) {
		  .titre-14-aller{font-size: 13px}
		   .titre_45{font-size: 30px}
			.bloc-categorie-index{padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px}
			.descr-cat-i{display: none;}
				 .ico-portrait img {max-height: 29px;}	
				  .ico-qsn img {max-height: 29px;}
				 .expand-me .expand-text, .expand-me .collapse-text, .expand-me_ a.expand-text {font: 12px 'Gotham-Book';}
				 .expand-me .expand-text::before, .expand-me_ a.expand-text::before{border-width: 0 1px 1px 0;}
				 .expand-me .collapse-text::before{border-width: 0 1px 1px 0;}
		.image-categ-i::after{height: 10px;background-size: 100% 10px;}
		.ico-avis img {max-height: 42px;}
		.page_index .titre_45{font-size: 22px;}
	  }
	  @media only screen and (max-width:340px) {
		  .titre-cat-i{font-size: 14px}
		  .page_index .titre_45{font-size: 20px;}
	  }
	 /*===================================
			bloc-avis-index
	 =================================*/
	 @media only screen and (max-width:1400px) {
		 .max-avis-index{width: 90%}
	 }
	  @media only screen and (max-width:1200px) {
		  .bloc-avis-index{padding-top: 20px; padding-bottom: 100px}
		  .max-avis-index{width: 95%}
	
	  }
	  @media only screen and (max-width:992px) {
		  .bloc-avis-index{padding-top: 10px; padding-bottom: 50px;background-size: auto 80%;}
			  .max-avis-index{width: 100% ; padding-left: 15px; padding-right: 15px}
			  .slide-avis-index{padding-right: 30px; padding-left: 30px}
			  .slide-avis-index .swiper-pagination-bullet {height: 11px!important; width: 11px!important}
	.button-prev-s.swiper-button-disabled , .button-next-s.swiper-button-disabled {opacity: 0.2;}
				  .titre-avis-index{font-size: 20px}
				  .quote-design{padding-top: 30px; padding-bottom: 30px;font-size: 14px}
		  .nom-auteur-avis{font-size: 14px}
			  .box-avis-content{font-size: 14px}
		  .button-prev-s {height: 34px;width: 22px;background-size: auto 80px;}
		  .button-next-s {height: 34px;width: 22px;background-size: auto 80px;}
		  .avis-index-swiper{padding-bottom: 40px; padding-top: 5px; padding-left: 5px; padding-right: 5px}
	
		  .quote-design q::after {font-size: 100px}
		  .quote-design q::before {font-size: 100px}
	  }
	  @media only screen and (max-width:767px) {
		  .titre-avis-index{font-size: 19px}
		  .quote-design{font-size: 13px}
		  .max-avis-index{padding-left: 10px; padding-right: 10px}
	.note-avis-i img {max-width: 18px;}
	  }
		@media only screen and (max-width:575px) {
		  .bloc-avis-index{ padding-bottom: 20px; padding-top: 0}
		  .titre-avis-index{font-size: 17px}
		  .box-avis-content {padding-bottom:40px;padding-top: 10px ;padding-left:10px;padding-right:10px;}
		  .avis-index-swiper{padding-bottom:0px;}
		  .slide-avis-index .swiper-pagination {bottom: 0;position: relative;margin-top: 15px;}
		  .nom-auteur-avis{font-size: 13px;bottom: 50px;}
		  .box-avis-content{font-size: 13px}
		  .quote-design{padding-top: 35px; padding-bottom: 25px;font-size: 12px}
		  .quote-design q::after {font-size: 98px}
		  .quote-design q::before {font-size: 98px}
			  .max-avis-index{padding-left: 5px; padding-right: 5px}
			  .slide-avis-index{padding-right: 25px; padding-left: 25px}
			  .note-avis-i img {max-width: 15px;}
			  a.btn-avis-i{font-size: 14px}
	  }
	
	/*===================================
			PORETRAIT REFONTE
	 =================================*/
	 @media only screen and (max-width:992px) {	
	 .portrait-content 	.swiper-pagination-bullet {height: 11px!important; width: 11px!important}
	
	}
	@media only screen and (max-width:767px) {
		.bloc-portrait {padding-left: 10px;padding-right: 10px;    margin-bottom: 10px;}
		.conteneur-slider-p {padding-right: 30px;padding-left: 30px;margin-top: 10px}
		.slider-portrait .swiper-wrapper .swiper-slide {height: auto;}
		.slider-portrait .swiper-wrapper .image-bloc{height: 100%}
			.slider-portrait .swiper-pagination {bottom: 0;position: relative;margin-top: 35px;}
		
	}
	@media only screen and (max-width:575px) {
		.bloc-portrait {padding-left: 5px;padding-right: 5px;}
		.slider-portrait .swiper-pagination {margin-top: 25px; }
		.conteneur-slider-p {padding-right: 25px;padding-left: 25px;}
	}
		
	/*===================================
			AVANTAGE
	 =================================*/
	 @media only screen and (max-width:1160px) {
	.bloc_avantage .pi-section.pi-no-padding {max-width: 100%;}	 
	.avantage_content{margin:0; padding:0}
	.av_box{width:14%; min-width:auto}
	.av_box.av_box5 {width: 12%;}
	.av_box.av_box1 {width: 17%;}
	.av_box span{font-size:20px}
	}
	 @media only screen and (max-width:1050px) {
		.av_box{padding:0 5px} 
	
		
	}
	 @media only screen and (max-width:992px) {
	 .av_box img {height: 50px;}
	
		
	}
	 @media only screen and (max-width:767px) {	
	 .avantage_content{text-align:center;display:block}
	 .av_box {display: inline-block;float: none;margin: 0 -2px;width: 33%!important;vertical-align:top;margin-bottom: 15px;}
	 .av_box img {height: 60px;}
	 .bloc_avantage{padding:7px 0}
	 .av_box span{font-size:16px; font-family: 'Montserrat';text-transform: none;}
	 .av_box.av_box7 {display: none;}
	}
	 @media only screen and (max-width:480px) {
		 .av_box span {font-size: 15px;padding-top: 10px;}
		 .av_box.av_box1 {width: 40%!important;}
		  .av_box.av_box2 {width: 25%!important;}
		}
	 @media only screen and (max-width:380px) {
		  .av_box img {height: 45px;}
		  .av_box span {font-size: 13px;}
		}	
		@media only screen and (max-width:330px) {
			.av_box span {font-size: 12px;}
		  }	
		  
	/*===================================
			NEWSLETTER
	 =================================*/
	 @media only screen and (max-width:1040px) {
		 .form_bloc_news{width:40%}
		 .texte_news_admin{font-size:12px}
		 .newsletter_wrapper{padding:0 5px}
	 }
	 
	@media only screen and (max-width:992px) {	
	  .content_newsletter{background:#2d2a2d }
	  .text_n {padding-left: 3%;text-align: left;width: 30%;}
	  .form_bloc_news {width: 70%;margin-top: 15px;padding-right:15px}
	   .texte_news_admin{margin:0}
	}
	@media only screen and (max-width:767px) {
		 .form_bloc_news {padding-left:15px}
		 
		}
	@media only screen and (max-width:640px) {
		.form_bloc_news {width: 100%;}
		.text_n {padding-left: 0;text-align: center;width: 100%;}
		.label_news {display: block;font-size:22px;margin-top: 0;}
		.texte_news_admin {font-size: 13px;padding: 0 50px;}
		
	}
	/*===================================
					FOOTER
	 =================================*/
	  @media only screen and (max-width:1200px) {
		  .news_button{padding-left: 10px; padding-right: 10px}
	  }
	 @media only screen and (max-width:1024px) {
	 .col_20_m{width:50%; padding-left:25px}
	 .col_60{width:50%;padding-left:25px}
	 .col_60.other_menu .pi-col-xs-6 {width: 100%;}
	 }
	 
	 @media only screen and (max-width:767px) {	
	div.slogan{display: none!important;}
	  .col_20_m{width:100%;padding-left:0}
	 .col_60{width:100%;padding-left:0}
	 .bloc_menu{max-width:100%; text-align: center;}
	.toogle_menu_mob {background-color: #424448;color: #fff;padding: 15px;text-align: center;border-bottom: 1px solid #fff;position: relative;} 
	 .bloc_footer_menu {padding: 0;}
	 .toggle_content_m{display:none; text-align:left; padding:15px 10px 15px 10px}
	 .other_menu .bloc_menu{margin-bottom:3px}
	 .toogle_menu_mob {cursor: pointer;}
	 .newsletter-wrapper {text-align: center;padding-right: 15px;}
	 .paiement-bg a {display: inline-block;min-width: 215px}
	  .livr-rapide-bg a {display: inline-block;min-width: 215px; text-align: left;}
		.livr-gratuite-bg a {display: inline-block;min-width: 215px; text-align: left;}
		.mt-mobile{margin-top: 15px}
		.titre_menu i{display: block;}
		.titre_menu{font-size: 15px}
	 }
	 @media only screen and (max-width:575px) { 
		 .copyright{padding-bottom: 20px; font-size: 11px}
	}
	
	/*===============================
			PAGE CREATION
	================================*/
	 @media only screen and (max-width:1140px) {
		.content_cadre.open_bloc{top:40px} 
	}
	 @media only screen and (max-width:1050px) { 
	.cadre_personnage_bg{background-size:100%; padding:7% 6.5% 7%}	
	 .btn_bleu{padding:5px 10px; font-size:14px; margin-bottom:10px}
	  .btn_bleu h2{ font-size:14px;}
	 .titre_h_cadre{font-size:37px; line-height:normal; bottom:100%}
	 .titre_b_cadre{font-size:37px; line-height:normal; top:100%}
	}
	@media only screen and (max-width:1024px) {
		a.btn_deplacer_c{height:calc(100% - 45px); top: 5px}
		.refonte_titre_cadre .pi-col-xs-6 {margin-bottom: 20px;width: 100%;}
		.caract_cadre .pi-col-sm-4 {width: 50%;float:lef;tmargin-bottom: 20px;}	 
		.caract_cadre .pi-col-sm-4:last-child {width:100%;}	
		.qte_cadre{float:left; width:56%} 
		.form_content_i{   min-width: 76%;}
		.caract_cadre {margin-top: 0;padding: 0 15px;}
		.art_qte {/*margin: 15px auto;*/max-width: 154px;min-width:auto}
		.caract_cadre .pi-col-sm-4:nth-child(2){text-align:right; padding-right:0}
		.prix_cadre {/*margin-top: 15px;*/text-align: right;width:44%}
		.btn_bottom_cadre{/*padding:5px; */padding:0px; width:50%;text-align:center;bottom: -30px;} 
		/*.btn_bottom_cadre a{width:25px; font-size:0;padding:0}*/
		.btn_bottom_cadre a{width:23px; height:23px; font-size:0;padding:0; display:inline-block}
			.btn_modifier_c span{padding:12px; background-position:center}
			.btn_deplacer_c span{padding:10px; background-position:center}
		.btn_suppr_c {width:23px; height:23px; font-size:0;padding:0; display:inline-block}	
		.btn_suppr_c span{padding:12px; background-position:center}
		.btn_top_cadre{/*padding:5px; */padding:0px; width:50%; bottom:-29px; top:auto; left:auto; right:0;text-align:center}
		
		.btn_modifier_c {width:23px; height:23px; font-size:0;padding:0; display:inline-block}	
		.btn_modifier_c span{padding:12px; background-position:center}
	
	
		/******popup creation**********/
		.btn_save_creation button{font-size:14px; margin:auto}
		.tab_creation_left {border-right: medium none;padding-right: 0;width: 100%;}
		.tab_creation_right {padding: 0;width: 100%;}
		.form_unique {display: inline-block;margin: 76px -1px;width: 50%;max-width:100%}
			.form_unique .form_group {max-width: 315px;}
			.form_60,.form_50,.form_40,.form_30{padding:0}
			.content_nouv_personnage .form_group label {padding-right: 10px;text-align: right;width: 125px;}
			.aide_article_fixed{display:none}
	}
	
	 @media only screen and (max-width:992px) {
		 .page_creation_perso .first_bloc {background: #ffffff;}
	.visible_980{display:block}	 
	img.visible_980{display:block; margin:auto}	 
	.art_qte{max-width:258px}
	.contenu_qte_art {background: #efefef;width:120px}
	/*
	.qte_moins{background:none; padding:5px 0; bottom:3px}
	.qte_plus{background:none; padding:5px 0; top:3px}
	*/
	.caract_cadre .form_content_i {min-width: 59%;}
	.form_content_i {min-width: 79%;}	
		.input_cadre{max-width:100%}
		.art_qte label{width:77px}
		.btn_right_panier {float: left;text-align: center;width: 100%;}
		.btn_left_panier {margin-top: 15px;width: 100%;text-align:center}
		.ariane_Box{padding-top:4%; border-bottom:1px solid #1a1a1a;padding-left:15px; padding-right:15px;margin-top: 15px;}
		.bloc_creation_nouv{margin-top:0px}
		.append-slide.btn_ajout_nouv{font-size:14px; } 
		.append-slide.btn_ajout_nouv h2 {font-size: 14px;}
		.nom_personne_c span{font-size:22px; top:5px}
		.shadow_creation {padding-bottom: 0;}
			.conteneur_creation_perso {padding-bottom: 0;}
			.btn_save_creation button{font-size:15px}
			.form_30 .active_facette {max-width: 80px;}
			.first_bloc::after {display: none;}
			.cadre_encours::after{top: -80px;border-width: 20px 30px 0 30px;} 
			.support_2 .cadre_encours::after{top: -53px;}
			.support_3 .cadre_encours::after{top: -58px;}
			/******popup creation**********/
			.form_unique .select_list_drop{padding:20px}
			.form_unique .select_list_drop ul li{width:24%}
			.titre_h_cadre,.titre_b_cadre{font-size:30px;}
				.content_cadre.open_bloc{/*top:-24px*/} 
		.content_cadre{overflow-x: scroll;}
		.content_cadre::-webkit-scrollbar {width:8px; background:rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;height:14px;}
		.content_cadre::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;}
		.content_cadre::-webkit-scrollbar-track {background:#fff;} 
	}
	 @media only screen and (max-width:900px) {
		.content_cadre.open_bloc{/*top:-17px*/}  
		}
	
	 @media only screen and (max-width:768px) {
		.caract_cadre .pi-col-sm-4 {width: 100%;margin-bottom:15px; text-align:left!important; padding:0} 
		.refonte_titre_cadre .form_group > label {display: none;}
		.caract_cadre .form_group > label {width: 138px;font-size:12px}
		.caract_cadre .form_content_i {min-width: auto;}
		.caract_cadre .form_content_i .select_s{max-width:100%; background-position:97% center}
		.caract_cadre .form_group {background:#efefef; border-radius:5px; padding-left:15px}
		.box_design{padding:20px}
		.qte_cadre{width:50%}
		.prix_cadre{width:50%; text-align:center; margin-top:0; padding-bottom:15px}
		/*.art_qte {display: table;max-width: 100%;width: 100%;background:#efefef; border-radius:5px;padding-left:15px; margin-top:0;   }*/
		.qte_cadre .art_qte { margin-bottom: 0;}
			.art_qte label {display: table-cell;font-size:11px}
			.contenu_qte_art {background: #efefef;display: table-cell;width: auto;}
			.refonte_titre_cadre .pi-col-xs-6 {margin-bottom: 15px;}
			.bloc_cadre{padding-top:28px}
			.nom_personne_c span{font-size:18px; top:2px}
			.box_design {border-bottom: 1px solid #1a1a1a;border-radius: 0;box-shadow: none;}
			.btn_bottom_cadre a{width:22px; height:22px;}
			.btn_suppr_c{width:22px; height:22px;}
			.btn_modifier_c span {background-size: 42% auto;padding: 11px;}
			.btn_suppr_c span,.btn_deplacer_c span{background-size: 42% auto;padding: 11px;}
				.cadre_encours::after{top:-75px;}
			/******popup creation**********/
			.bloc_creation_nouv{padding:0}
			.content_nouv_personnage{padding:0 20px 20px;}
			.bloc_fond{box-shadow: 1px -5px 5px 5px rgba(73, 73, 73, 0.3);-webkit-box-shadow: 1px -5px 5px 5px rgba(73, 73, 73, 0.3);-ms-box-shadow: 1px -5px 5px 5px rgba(73, 73, 73, 0.3);}
			.form_60, .form_50, .form_40{width:100%; margin:7px 0}
			.form_caract_nouv .form_60  .form_group,.form_caract_nouv .form_50  .form_group,.form_caract_nouv .form_40  .form_group {background:#efefef; border-radius:5px;}
			.form_caract_nouv .form_60  .form_group .select_s,.form_caract_nouv .form_50  .form_group .select_s,.form_caract_nouv .form_40  .form_group .select_s{ background-position:97% center}
			.titre_30{font-size:25px}
			.form_unique .select_list_drop ul li{width:32%}
			.qte_cadre .qte_moins{right:-4px}
	.qte_cadre .qte_plus{right:-3px}
	.content_cadre.open_bloc{top:24px} 
		}
	@media only screen and (max-width:767px) { 
	.select_smiley {max-width: 100%;}	
	.active_smiley {max-width: 100%;}
	.bloc_modif_fond .form_100 {margin: 5px 0;}	
	}	 
	 @media only screen and (max-width:640px) {
		.btn_add_panier{width:100%; font-size:24px}	 
		.btn_left_panier{margin-top:10px}
		.btn_bleu{display:block; margin-right:0; font-size:14px}
		  .btn_bleu h2{ font-size:14px;}
		 .form_group > label {font-size:11px}
		.append-slide.btn_ajout_nouv{font-size:12px}
		.append-slide.btn_ajout_nouv h2{font-size:12px}
		.ariane_Box{font-size:10px}
		.nom_personne_c span{font-size:16px}
		.px_barre{font-size:16px}
		.px_promo{font-size:28px}
		/******popup creation**********/
		.titre_30{font-size:22px}
		.row_30 .form_30 .form_group{display:block}
		.row_30 .form_30 .form_group > label {display: block;font: 11px "Gotham-Medium";text-align: left;}
		.form_unique {margin-bottom: 15%;margin-top: 9%;padding: 0 5px;}
		.form_unique .active_facette img{max-width:58px}
		.btn_save_creation button {font-size: 13px;width: 100%;}
		.row_30{margin:0 -10px}
		.form_30{padding:0 10px}
		.form_30 .active_facette {max-width: 100%;}
		.tab_creation_right .form_unique label{display:none}
		.bloc_cadre{padding-top:6px}
		.titre_h_cadre,.titre_b_cadre{font-size:25px;}
		.content_cadre.open_bloc{top:15px} 
		.cadre_encours::after{top:-65px;}
		.support_2 .cadre_encours::after{top: -45px;}
			.support_3 .cadre_encours::after{top: -48px;}
			.content_cadre.open_bloc + .form_design_cadre {margin-top: 0px;} 
	}
	 @media only screen and (max-width:480px) {
	.titre_h_cadre,.titre_b_cadre{font-size:23px;}	
	.box_design{padding:20px 10px} 
	}
	 @media only screen and (max-width:440px) {
		 .box_design{padding:20px 0} 
			
	 }
	 @media only screen and (max-width:380px) {
	.append-slide.btn_ajout_nouv{ max-width:87%}
	.btn_save_creation button {font-size: 12px;}	
	.titre_h_cadre,.titre_b_cadre{font-size:18px;}	  
	
	}
	 @media only screen and (max-width:360px) {
		 span#support_1{margin-right: 6px;}
			 span#support_3{margin-left: 6px;}
	 }
	  @media only screen and (max-width:340px) {
	.content_support_bit .cadre_couleur_item .cadre_couleur_inner{width: 20px;height: 20px;
	}
	}
	
	/*===============================
				PANIER 1
	================================*/
	.lib_panier_m{display:none}
	 @media only screen and (max-width:1024px) {
	.stepBox_txt span{font-size:13px}	
	.stepBox_ima img {max-width: 50px;} 
	.panier_px_unit {display: none;}
	.image_panier{width:54%; padding-left:0}
	.bnt_detail_panier{width:46%;}
	.panier_px_unit {display: none!important;}
	.head_table {display: none!important;}
	.panier_detail.head_table {display: block!important;width: 100%;padding-left:10px; text-align:center}
		.panier_detail::after {clear: both;content: "";display: block;}
	.panier_head > div{font-size:16px}	
	.panier_head, .panier_bit {display: block;position:relative; border-bottom:2px solid #f3f2f4}
	.panier_bit::after {clear: both;content: "";display: block;}
		.panier_bit > div {border:  none;display: block;padding: 10px 10px;/*width: 100%;*/}
			.panier_bit .panier_qte{float: left;width: 50%;}
			 .panier_bit .panier_px_total {float: left;width: 50%;font-size:17px}
			.bnt_detail_panier{margin-top:20px}
			.panier_bit .panier_suppr {padding: 0;position: absolute;right: 20px;bottom: 18px;width: 26px;}
	.lib_panier_m{display:inline-block;   }
	.content_mode_livrai{margin-top:0}
	
	}
	 @media only screen and (max-width:992px) {
	.etapescde_diversD{width:100%; padding-left: 10px; padding-right: 10px;font-size:16px }	
	.logo_moyen {min-height: auto;padding: 15px 0;} 
	.moyenlivraisonBit{width:50%}
	.titre_mode_paie{font-size:16px}
	.pays_livr > label{font-size:15px}
	.pays_livr select{font-size:14px}
	.nom_moyen{font-size:20px}
	.txt_moyen{font-size:13px}
	.date_livraison{font-size:14px}
	
	.cde_promo label,.message_joint td > label{font-size:15px}
	.check_client{font-size:16px}
	.tot_panier{font-size:17px}
	.bnt_cde1_r{width:40%}
	.contenu_panier::after{display:none}
	}
	 @media only screen and (max-width:768px) {
	.bnt_detail_panier {margin-top: 10px;width: 100%;padding-left:0}	 
	.image_panier {width: 100%;}
	.bnt_detail_panier a{max-width:300px; margin:0 auto 15px}
	.panier_qte .contenu_qte_art {display: inline-block;width: 120px;}
	.stepBox_txt {display: none;}
	.stepBox_ima img {max-width: 40px;}
	.stepBox::after {content:"";height: 2px;position: absolute;top: 50%;width: 90px;z-index: 1;background:#999999; margin-top:-1px}
	.stepBox.stepActive::after ,.stepBox.stepDone::after{background:#89cd5c}
	.stepBox:nth-child(4)::after, .stepBox.stepActive:nth-child(4)::after, .stepBox.stepDone:nth-child(4)::after{display:none;}
	.etapecommande {margin:20px auto;max-width: 320px;padding: 0;}
	.stepBox_ima{margin-bottom:0; padding-right:0}
	.pays_livr{margin:10px auto}
	.nom_moyen{font-size:18px}
	.txt_moyen{font-size:12px}
	.date_livraison{font-size:13px}
	.txt_moyen{min-height:auto}
	.logo_moyen img {max-height: 70px;}
	.check_client{font-size:14px}
	.message_joint td > label{padding-right:20px}
	.cde_promo label,.message_joint td > label{font-size:14px}
	.tot_panier{font-size:16px}
	
	.bnt_cde1_l{width:100%; text-align:center; margin-top:0; padding:0 10px}
	.bnt_cde1_r{width:100%; margin-top:5px; padding:0 10px}
	.button_code{font-size:14px}
	.content_logging .pi-col-md-6:nth-child(3) {margin-bottom: 0;}
	.non_connecte {border-bottom: 1px solid #d2d2d2;padding-bottom: 0;}
	
	}
	 @media only screen and (max-width:640px) {
		 .panier_bit .panier_qte{width:100%; padding-top:0}
		 .panier_bit .panier_px_total{width:100%; font-size:16px}
		 .moyenlivraisonBit{width:100%}
		 .moyen_lab{max-width:96%}
		 
	.bnt_detail_panier a{padding-top:0; padding-bottom:0}
	.panier_bit .panier_suppr {bottom: 91%;right:5px}
	
	.etapescde_diversD{font-size:14px}
	.titre_mode_paie{font-size:14px}
	.pays_livr > label{font-size:14px; display:block}
	.pays_livr{text-align:center}
	.pays_livr select{min-width:300px; font-size:12px}
	.nom_moyen{font-size:16px}
	.txt_moyen{font-size:11px}
	.date_livraison{font-size:12px}
	.cde_promo{position:relative}
	.message_joint{position:relative}
	.input_c{position:inherit}
	.button_code{top:31px}
	.message_joint td > label{position:inherit}
	
	.cde_promo td {display: block;padding: 5px 0;text-align: center;width: 100%;}
	.message_joint td {display: block;;padding: 5px 0;width: 100%}
	.info_bull {margin-top: 0;position: absolute;right: 0;top: 0;}
	.check_client{font-size:12px}
	.tot_panier{font-size:15px}
	.value_divers{min-width:100px}
		.btn_pan_s .btn_form{max-width:100%}
		.btn_pan_s .btn_form strong{max-width:320px; margin:auto; font-size:20px}
		.btn_pan_s .btn_form strong span{font-size:12px; }
		 
		}
		
	/*===============================
				PANIER 2
	================================*/
	 @media only screen and (max-width:1024px) {
		.content_logging .pi-col-md-6{border-width:6px} 
		.titre_content strong{font-size:16px}
	}
	
	 @media only screen and (max-width:992px) {
		
		.titre_content strong{font-size:14px}
		.btn_valider{font-size:16px}
		.content_logging .input_txt{width:63%}
		
	}
	@media only screen and (max-width:767px) {
		.content_logging{display:block}
		.content_logging .pi-col-md-6{display:block; border:none; margin-bottom:20px} 
		.btn_valider{margin-top:15px; min-width:250px}
		.formContent{max-width:100%}
		.inscription > .formBox> select {width: 63%;}
	}
	
	@media only screen and (max-width:480px) {
	.form_et {    text-align: left;width: 100%;}
	.page_client .form_et {width:100%}
	.content_logging .input_txt{margin-top:8px; width:100%}	
	
	#formLogging .formBox.pi-text-right {padding-right: 0;}
	}
	
	/*===============================
				PANIER 3
	================================*/
	 @media only screen and (max-width:992px) {
	.etapescde_diversG{width:100%; padding-left: 10px; padding-right: 10px;font-size:16px; text-align:center }
	
	.modelivraisonBit{width:50%}
	.bouton_cde_G {margin-top: 10px;}	
	.conteneur_mode_paie{padding-left:10px; padding-right:10px} 
	/*.mode_paiement_panier {padding-bottom: 0;}*/
	.contenu_cde.cde4_c {padding-bottom: 0;}
	}
	
	 @media only screen and (max-width:640px) {
	.modelivraisonBit{width:100%}	
	.nom_mode{font-size:12px} 
	.mode_lab{max-width:96%}
	}
	
	/*===============================
				PANIER 4
	================================*/
	 @media only screen and (max-width:767px) {
		.content_cde4_f{padding:10px} 
		.btn_cde4_top{position:relative; width:100%}
			.btn_cde4_bottom{position:relative; width:100%}
			.btn_cde4_top a span{display:inline-block}
			.conteu_cde4{margin-bottom:0}
		
	}
	 /*===================================
					CLEINT
	=====================================*/
	@media only screen and (max-width: 1140px){
	.content_client .miniSelect{width:31.5%}
	}
	@media only screen and (max-width: 1060px){
		.menu_account h4{font-size:15px}
		.adresse_carnetBit{width:33.3333%}
	}
	@media only screen and (max-width: 998px){
		.menu_account{width:50%}
		.content_client .pi-col-sm-6.pi-col-sm-offset-3{margin-left:0; width:100%; padding:0}
		.adresse_recap {padding: 0 15px;}
		.instit table {width: 100%;}
		.instit img {height: auto!important;}
		.divers_lib{font-size:21px}
		label.errorForm{padding-right:0}
	
	}
	@media only screen and (max-width: 767px){
	.adresse_carnetBit{width:50%}	
	.divers_lib{font-size:18px}
	}
	@media only screen and (max-width: 650px){
		.client_menu.pi-row {margin: 0 0px;}
			.menu_account span{min-height:100%}
		.menu_account{width:100%; margin:8px 0}
		.menu_account h4{font-size:14px}
		.content_client .titre_diversbis strong {font-size: 14px;}
		.adresse_carnetBit{width:100%; margin-top:0}
		.adresse_recap .adresse_carnetBit{width:100%; margin-top:0}
		.titre_diversbis strong{font-size:14px}
		/*******PLAN******/
	.contenu_plan > div {padding: 0 5px;}	
	.form_et.no_txt{display:none!important}
	.form_et.no_txt + .input_content{width:100%}
	
	}
	@media only screen and (max-width: 480px){
		.civ_radio label{margin-right:3px}
		.tdheadcde {font-size: 13px;}
		.divers_lib{font-size:15px}
	
	.hidden_first{display:none;}
	.content_cmd table .cmdbit td{font-size:11px}	
	}
	/*
	@media only screen and (max-width: 390px){
	.content_client .btn_valider {width:115px; font-size:11px; min-width:115px}
	.content_client .btn_retour {width:115px; font-size:11px; min-width:115px}
	
	.content_client .btn_valider span {background-size: 8px auto;}
	.cmdbit {display: block;text-align: center;border-bottom: 1px solid #b3b3b3;}
		.content_cmd table .cmdbit td {display: block;width: 100%;border-bottom: none;padding: 8px 10px;}
	.contenuTabCmd .lien_souligner {font-size: 11px;}	
	}
	*/
	@media only screen and (max-width: 575px){
		.content_client .btn_valider {width:115px; font-size:11px; min-width:115px}
		.content_client .btn_retour {width:115px; font-size:11px; min-width:115px}
	
		.content_client .btn_valider span {background-size: 8px auto;}
		.cmdbit {display: block;text-align: center;border: 1px solid #474442 !important; margin: 10px;}
			.content_cmd table .cmdbit td {display: block;width: 100%;border-bottom: none;padding: 8px 10px;}
		.contenuTabCmd .lien_souligner {font-size: 11px;}	
	
		.show-mobile{
			display:inline-block;
		}
		.contenuTabCmd.headtd{
			background: #474442 !important;
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
		}
		.contenuTabCmd .btns{
			display: flex;justify-content: center;
		}
		
		.cmdbit-body{
			display: block;
		}
		
		.contenuTabCmd.cmdbit-img{
			width:100%;
		}
		.contenuTabCmd.cmdbit-etat{
			width:100%;
		}
		.contenuTabCmd.cmdbit-price{
			width:100%;
		}
		.contenuTabCmd.cmdbit-action{
			width:100%;
		}
		div.cmdbit{
			margin: 12px;
		}
	}
	/*===================================
					CONTACT
	=====================================*/
	@media only screen and (max-width: 767px){
	.instit{padding:15px;}	
	.has_form .instit{width:100%}
	.has_form .institform{width:100%; padding:0}
	}
	@media only screen and (max-width: 480px){
	.institform .formBox > * {display: block;width: 100%;}	
	.formBox > * {display: block;width: 100%!important;}
	}
	/*===================================
					RECHERCHER
	=====================================*/
	@media only screen and (max-width: 640px){
	.page_rechercher .pagination_content {display: block;}
		.pager_categ a{margin-bottom:5px}
			.pager_categ a.pager_prev{margin-right:0}
			.pager_categ a.pager_next{margin-left:0}
			.page_rechercher .listes_articles{padding:15px 10px}
			.formBox.bloc_sm > *{display:block!important; width:100%!important; text-align:left!important;}
			.form_et{text-align:left}
			.has_border_l .form_content_w{border:none}
			.content_commande_c.content_cmd .cmdbit:last-child {border-bottom: medium none;}
			
	}
	
	@media only screen and (max-width:992px) {
		 #TB_window.recommander_popup #TB_iframeContent	{height:300px!important}	
		}
		
	@media only screen and (max-width:1024px) {
		.detail_panier_dedicace .dedicace_form{margin-left: 0px;}
		.detail_panier_dedicace .dedicace_view{margin-left: 0px;}
	}
	/*===================================
					MODIF CMD CLIENT
	=====================================*/
	.modif-commande .b_panier .prix_cadre {text-transform: uppercase;font-weight: 600;width: 100%;display: table;}
		/*.modif-commande .b_panier .prix_cadre>div {display: table-cell;vertical-align: middle;text-align: center;} 
		.modif-commande .b_panier .prix_cadre .tarif_item {display: table-cell;vertical-align: middle;text-align: center;} */
	@media only screen and (max-width:640px) {
	.lignes {position: relative;margin-bottom:50px}
		.btns_right {display: block;bottom: -43px;width: 100%;text-align: center;}   
		.ligne_item{font-size:13px}
	}
	@media only screen and (max-width:480px) {
		.ligne_item{font-size:11px; padding-left:5px; padding-right:5px} 
	}
	
	@media only screen and (max-width:1024px) {
		.btn_character_item .info_niveau {
			width: 24px;
			height: 24px;
			font-size: 10px;
		}
	}