/*****************/
/* media queries */
/*****************/


@media screen and (max-width:1200px){
	
	#horaires input {
		font-size:0.9em;
		width:50%;
		margin:0 auto;
		display:block;
	}	
	
	#horaires select {
		font-size:0.9em;
		width:50%;
		margin:0 auto;
		margin-top:5px; 
		margin-bottom:5px;
		display:block;
	}	

	#planning .creneaux tr {
		font-size:0.9em;
	}
	
	.days_header td {
		font-size:0.9em;
	}
	
}

@media screen and (max-width:1100px){

	#planning .creneaux tr {
		font-size:0.8em;
	}
	
	#horaires {
		font-size:0.8em;
	}

	.cell_right {
	
	}
	
	.days_header td {
		font-size:0.8em;
	}
	
	#header .instructions {
		width:95%;
	}

	
}


@media screen and (max-width:900px){

	
	#header .instructions {
		width:95%;
		font-size:0.6em;
	}
	
	.days_header td {
		font-size:0.7em;
	}
	

	#planning td.cell_left_am {
		display:block;
		clear:both;
		width:90%;
		padding:2px 5px;
		margin-top:3px;
		
	}
	
	#planning td.cell_left_pm {
		display:block;
		clear:both;
		width:90%;	
		padding:2px 5px;
		margin-top:3px;

	}
	
	#planning td.cell_right {
		display:block;
		clear:both;
		width:90%;
		margin-bottom:3px;
		padding:2px 5px;		
	}

	#planning td.cell_left_am div.h_start, #planning td.cell_left_pm div.h_start {
/*		display:inline-block;*/
		font-size:1.0em;
	}

	#planning td.cell_left_am div.h_end, #planning td.cell_left_pm div.h_end {
/*		display:inline-block;	*/	
		font-size:1.0em;
	}
	
	/*
	.dash {
		display:inline-block;
		margin:0 1%;
	}
	*/
	
	#planning {
		width:95%;
	}
	
	#navigation {
		width:95%;
		font-size:0.7em;
	}
	
	#planning td.cell_right.isreserved {
	}

	#planning td.cell_left_am.isreserved {
		min-height:10px;
	}

	#planning td.cell_left_pm.isreserved {
		min-height:10px;
	}

	#header .instructions {
		width:95%;
		font-size:0.6em;
	}
	
	#planning td {
		width:10%;
		padding:2px;
	}
	
	.matin {
		display:block;
		clear:both;
	}

	.apresmidi {
		display:block;
		clear:both;		
	}
}

@media screen and (max-width:780px) {
	#dialog {
		font-size:0.7em;
	}
	
	#dialog #objet_consultation,
	#dialog #objet_consultation_code {
		margin-top:10px;
		width:95%;
		height:50px;
	}
	
	#dialog input#email_code, #dialog input#codeXYZ {
		width:90%;
	}
	
	#dialog p {
		margin-top:5px; 
		margin-bottom:5px;
		clear:both;
		line-height:150%;
	}
	
	#dialog input[type=text] {
		display:block;
		clear:both;
		margin:2px 0 5px 0;
	}
	
	#dialog input[type=text]#sumXYZ_first,
	#dialog input[type=text]#sumXYZ  {
		display:initial;
		clear:none;	
		margin-left:5px;
	}
		
	#dialog button {
		font-size:1.1em;
	}
	
	.ui-button-text-only .ui-button-text {
		font-size:0.8em;
	}

	.ui-dialog .ui-dialog-content {
		font-size:0.7em;	
	}
	
	.ui-dialog .ui-dialog-title {
		font-size:0.7em;
	}
	
	
}


@media screen and (max-width:700px){

	.days_header td {
		font-size:0.6em;
	}
	
	#navigation {
		font-size:0.5em;
	}

	#planning td {
	/*	width:10%;*/
		padding:5px 2px 5px 0;
	}

	#dialog {
		font-size:0.6em;
	}

	/*
	#dialog input[type=text] {
		width:30%;
	}
	*/


}