/* ----------- 1028px ----------- */
@media screen and (max-width: 860px) {
	#viewer {
		height: 84%;
	}
}


@media screen and (max-width: 1028px) { 
	.patient_information .information {
		font-weight: 900;
		font-size: initial;
	}
	
	.patient_information .disconnect{
		font-weight: 900;
		font-size: initial;
	}
	
	.patient_title {
		font-size: 20px;
	}
	
	#examens-navigation { 
		float: left;
	    width: 119px;
	}
	
	.tableview {    
    	margin-top: 20%;
	} 
	
	.leftConnexion {		
        width: 35%;
	}
	.rightConnexion {
        width: 65%;
	}
	
	.main-footer {
		padding: 2px 0;
	}
	.footer-inner {
	    padding: 5px 10px 5px 20px;	    
	}
	
	.contenu {
		width: 100%;
		height: 100%;
	}
	
	#examens-navigation ul li a {
   		   padding: 14px;
	}
}

/* ----------- au dela de 1028px ----------- */
@media screen and (min-width: 1028px) { 
	.patient_information .information {
		font-weight: 900;
		font-size: initial;
	}
	
	.patient_information .disconnect{
		font-weight: 900;
		font-size: initial;
	}
	
	.patient_title {
		font-size: 20px;
	}
	#examens-navigation { 
		float: left;
	    width: 119px;
	}
	
	.leftConnexion {		
        width: 35%;
	}
	.rightConnexion {
        width: 65%;
	}
	
	.main-footer {
		padding: 2px 0;
	}
	.footer-inner {
	    padding: 5px 10px 5px 20px;	    
	}
	
	.contenu {
		width: 100%;
		height: 100%;
	}
	
	#examens-navigation ul li a {
		padding: 14px;
	}
}