/**
*
*		Media queries
**/


/* Petits écrans */
@media handheld,  media all and (max-width: 640px), media all and (max-width:321px) and (orientation:portrait)  {
.sb-container {
	width: 120px !important;
	height: 320px !important;
	margin: 15px auto 5% auto;
	}

.sb-container div {
	width: 100px !important;
	height: 320px !important;	
	}
}


/* 641 paysage uniquement*/
@media all and (max-width:641px) and (orientation:landscape)  {

.sb-container {
	width: 80px!important;
	height: 250px!important;
	margin: 15px auto 5% auto;
	}

.sb-container div {
	width: 60px!important;
	height: 250px!important;	
	}
.container > header h1{
	font-size: 1.3em!important;
	line-height: 1.3em !important;
	}
span.sb-img{
	height: 80px!important;
	width: 50px!important;
	margin: 5px auto!important;	
	}
	
.sb-container div h4 {
	font-size: 11px!important;
	}

.sb-container div:last-child h5{
	display:none;
	}
span.sb-toggle{
	padding: 0px;
	margin: 1px;
	font-size: 8px!important;
	}
}
/* 321 portrait uniquement*/
@media all and (max-width:321px) and (orientation:portrait)  {
	
.sb-container {
	width: 80px!important;
	height: 250px!important;
	margin: 15px auto 5% auto;
	}

.sb-container div {
	width: 60px!important;
	height: 250px!important;	
	}
.container > header h1{
	font-size: 1.3em!important;
	line-height: 1.3em !important;
	}
span.sb-img{
	height: 80px!important;
	width: 50px!important;
	margin: 5px auto!important;	
	}
	
.sb-container div h4 {
	font-size: 11px!important;
	}

.sb-container div:last-child h5{
	display:none;
	}
span.sb-toggle{
	padding: 0px;
	margin: 1px;
	font-size: 8px!important;
	}

}