/* © 2013 BASIKA :  Bexter Vaince CSS */


/* ---------------------------------------------------------------------------------------- */
/* RESOLUTION : Desktop ------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
@media (min-width: 991px) {
	.navbar-header{
		display:none;
	}
	#smenu li#rechercherNAVBAR, #smenu li#panierNAVBAR, #smenu li#compteNAVBAR{
		display:none;
	}
	
	/* ------------------------------------------------ PAGE ( detail-produits.htm ) */
	#smartphonePANIER{
		display:none;
	}
	
	.livraisonTEXTE .icon-long-arrow-right{
		display:none;
	}
	
	/* ------------------------------------------------ PAGE ( caddy.htm ) */

}

/* ---------------------------------------------------------------------------------------- */
/* RESOLUTION : Tablette ( landscape ) ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
@media (max-width: 990px) {
  
	body {
		padding-top: 0;
	}
	
	/* ------------------------------------------------ PAGE ( index.htm ) */
	#interieure{
		background: none;
		height:100%;
	}
	
	
	/* ------------------------------------------------ TOP : */
	#headerBASIKA{
		display:none;
	}


	/* ------------------------------------------------ MENU : */
	#smenu li#rechercherNAVBAR, #smenu li#panierNAVBAR, #smenu li#compteNAVBAR{
		display:block;
		height:10px;
		min-height:10px !important;
		height:auto !important;
	}
	#smenu li#rechercherNAVBAR{
		padding:10px;
	}
	#smenu li#rechercherNAVBAR .rechercher{
		float:right;
		width:100%;
		height:30px;
		
		margin:0px;
		padding:0px;
		
		border:1px solid #c0c6ca;
			
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
			
		background:#fff;
	}
	#smenu li#rechercherNAVBAR .rechercher .input-group-addon {
		padding: 6px 12px;
		font-size: 14px;
		background: none;
		border:0px;
		
		color:#f15821;
		font-weight:bold;
	 
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	#smenu li#rechercherNAVBAR .rechercher input.form-control{
		background:none;
		border-left:1px solid #c0c6ca;
	}
	#smenu li#rechercherNAVBAR .rechercher .form-control{
		background:none;
		border:none;
	}
	
	
	
	/* ------------------------------------------------ HEADER : left */
	#blocPROMO{
		display:none;
	}


	/* ------------------------------------------------ HEADER : right */
	.blocLIVRAISON{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		height:140px;
		min-height:140px !important;
		height:auto !important;
		margin-bottom: 0;
		max-width:none;
	}
	.blocRETRAIT{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		height:140px;
		min-height:140px !important;
		height:auto !important;
		margin-bottom: 0;
		max-width:none;
	}
	.blocPAIEMENT{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		height:140px;
		min-height:140px !important;
		height:auto !important;
		
		max-width:none;
	}
	.blocMAGASINS{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		height:140px;
		min-height:140px !important;
		height:auto !important;
		
		max-width:none;
	}
	
	.blocLIVRAISON img, .blocRETRAIT img, .blocPAIEMENT img, .blocMAGASINS img{
		float:right;
		max-height:136px;
	}
	
	/* -------------------------------------------------------------------- FOOTER */
	#footer-top{
		text-align:center;
	}
	#footer-bottom{
		text-align:center;
	}
	#copyright{
		text-align:center;
	}
	#copyright ul{
		display:inline-table;
	}
	#social{
		text-align:center;
	}
	#social ul{
		display:inline-table;
		margin:0 auto;
		float:none;
	}
	
	/* ------------------------------------------------ PAGE ( detail-produits.htm ) */
	#complementDETAIL{
		display:none;
	}
	
	/* ------------------------------------------------ DIVERS */
	.hide1{
		display: none;
	}
	
	/* ------------------------------------------------ PAGE ( detail-produits.htm ) */
	.livraisonCONTENU{	
		height:10px;
		min-height:10px !important;
		height:auto !important;
	}
	
	#smartphonePANIER{
		display:none;
	}
	
	/* ------------------------------------------------ PAGE ( caddy.htm ) */
	#listePANIER{
		display:none;
	}
		
	#smartphonePANIER{
		display:block;
	}
	
	#titreARTICLES{
		border:1px solid #c0c6ca;
		background:#4b5c65;
		color:#fff;
		font-weight:bold;
		
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
	}
	.typeITEM{
		display:none;
	}
	
}


/* ---------------------------------------------------------------------------------------- */
/* RESOLUTION : Smartphone ( landscape ) tablet (portrait)--------------------------------- */
/* ---------------------------------------------------------------------------------------- */
@media (max-width: 767px) and (min-width: 480px) { 
	
	.hide1, .hide2 {
		display: none;
	}
}

/* ---------------------------------------------------------------------------------------- */
/* RESOLUTION : Tablet ( portrait / landscape )-------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/*@media (max-width: 767px) { 
	
}*/


/* ---------------------------------------------------------------------------------------- */
/* RESOLUTION : Smartphone 	   ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media (max-width: 480px) {
	body {
		/*background:blue;*/
	}

	.display{
		display:none;
	}

	#droiteINDEX{
		display: none;
	}

	/* ------------------------------------------------ SITE : bloc */
	.promotionMENU{
		display:none;
	}
	
	#menu{border: none;box-shadow: none;}
	
	#image-blocBASIKA{
		width:100%;
		display: block;
		height: auto;
		margin:0 0 4em 0;
	}
	
	.blocENGAGEMENT img{
		width:70px;
		height: auto;
	}
	
	.blocLOGO img{
		width:70px;
		height: auto;
	}

	/* ------------------------------------------------ HEADER : right */
	#headerRIGHT{
		display:none;
	}
	
	.hide1, .hide2, .hide3{
		display: none;
	}
	
	.title{
		font-size:1em;
	}
	
	/* ------------------------------------------------ FOOTER */
	#footer-bottom{
		text-align:center;
	}
	#copyright{
		text-align:center;
	}
	#copyright ul{
		display:inline-table;
	}
	#copyright ul li{
		float:none;
		width:100%;
	}
	#social{
		text-align:center;
	}
	#social ul li{
		float:none;
		width:100%;
	}

}