/*****************/
/* 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 .cell_left_am	{
		font-size:0.8em;
		width:30%;
	}

	#planning .cell_left_pm	{
		font-size:0.8em;
		width:30%;
	}
	
	#planning .cell_right {
		font-size:0.8em;
		width:65%;
		
	}
	
	
}

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

	
	#horaires {
		font-size:0.8em;
	}

	#header .instructions {
		width:95%;
	}

	#header_titre {
		font-size:0.9em;
	}
	
	
	
}

@media screen and (max-width: 1000px) {
	#planning #horaires input {
		font-size:1.0em;
		width:30%;
	}

	#planning #horaires select {
		font-size:1.0em;
		width:25%;
	}

	
	
}


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

	
	#header .instructions {
		width:95%;
		font-size:0.7em;
	}
	
	#header_titre {
		font-size:0.8em;
	}

	/*
	.dash {
		display:inline-block;
		margin:0 1%;
	}
	*/
	/*
	#planning {
		width:95%;
	}
	
	#navigation {
		width:95%;
		font-size:0.7em;
	}
	*/
	
	.matin {
		display:block;
		clear:both;
	}

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

@media screen and (max-width:800px) {
	
	#header .instructions {
		width:95%;
		font-size:0.7em;
	}
	
	#header_titre {
		font-size:0.7em;
	}

	
	#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;
	}
	

	#mini_site{
		font-size:0.9em;
		min-height:350px!important;
	}
	
	.mini_site_presentation{
		height:350px!important;
	}
}


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

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

	
	#navigation {
/*		font-size:0.5em;*/
	}

	#dialog {
		font-size:0.6em;
	}

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

	.top {
		font-size:0.8em;
	}	
	
	#planning #horaires input {
		font-size:0.9em;
		width:25%;
	}

	#planning #horaires select {
		font-size:0.9em;
		width:30%;
	}

	#planning .notes ul li {
		font-size:0.8em;
	}

	#mini_site{
		font-size:1.0em;
	}
	
	.mini_site_presentation{
		height:auto!important;
		display:block!important;
		width:100%;	
		border:0!important;
	}
	
	.mini_site_presentation .bloc_text{
		min-height:0;
		height:auto;
	}
	
	#mini_site{
		top:80px;
/*		height:300px;*/
		height:440px;
		overflow-y: scroll;
		margin-left:5%;
		margin-right:5%;

	}
	
	.bloc_text, .bloc_input{
		width:95%!important;
	}


	#clickplanning{
		display:block;
		clear:both;
		width:40%;		
		margin:0 auto;
		margin-top:10px;
	}
}

@media screen and (max-width:600px) {
	
	#header .instructions {
		width:95%;
		font-size:0.5em;
	}

	
	#planning .cell_left_am	{
		font-size:0.6em;
		width:30%;
		display:none;
	}

	#planning .cell_left_pm	{
		font-size:0.6em;
		width:30%;
		display:none;
	}
	
	#planning .cell_right {
		font-size:0.7em;
		width:65%;
		width:95%;
		display:block;		
		text-align:center;
	}
	
	.today, .not_today {
		font-size:0.8em;
	}
	
	#planning .hour_element {
		font-size:0.7em;
	}
	
	#header_titre {
		font-size:0.7em;
	}

	#planning .cell_right .top_horaires_am {
		display:block;
		background-color:#15b4ca;
		color:#fff;
		text-align:center;
		font-size:0.5em!important;
	}

	#planning .cell_right .top_horaires_pm {
		display:block;
		background-color:#D0E09D;
		color:#2F2F2F;
		text-align:center;
		font-size:0.5em!important;
		
	}


	#planning .cell_right .top_horaires_pm {
		font-size:0.2em!important;
		font-size:7px!important;		
	}

	#planning .cell_right.isreserved {
		font-size:1em;
		text-align:left;
	}


	#legende {
		font-size:0.6em;
	}

	.top {
	font-size:0.7em;
	}	


	#planning #horaires input {
		font-size:0.7em;
		width:20%;
		width:80%;
		display:block;
		clear:both;
		margin:0 auto;
		

	}

	#planning #horaires select {
		font-size:0.7em;
		display:block;
		width:80%;
		margin:0 auto;		

	}

	#planning .colonne_manage {
		height:105px;
	}


	#planning .notes ul li {
		font-size:0.7em;
	}



}


@media screen and (max-width:450px) {
	
		
	.today, .not_today {
/*		font-size:0.6em;
		font-size:7px;*/
/*		font-size:10px;*/
		font-size:0.7em;
	}
	
	#planning .hour_element {
		font-size:0.6em;
		font-size:6px;
	}
	
	#planning .cell_left_am	{
/*		font-size:0.6em;*/
		width:30%;
		display:none;
	}

	#planning .cell_left_pm	{
/*		font-size:0.6em;*/
		width:30%;
		display:none;
	}
	
	#planning .cell_right {
/*		font-size:0.6em;*/
		width:65%;
		width:95%;
		display:block;		
		text-align:center;
	}
	
	.icon_click{
		height:10px;
	}
	
	#planning .hours_display {
/*		font-size:0.5em;*/
	}
	
	#planning .cell_right .top_horaires_am {
/*		font-size:0.5em!important;*/
		font-size:7px!important;
	}

	#planning .cell_right .top_horaires_pm {
/*		font-size:0.2em!important;*/
		font-size:7px!important;		
	}
	
	#planning .cell_right {
		font-size:7px!important;
	}
	
	#legende {
		font-size:0.5em;
	}

	.top {
	font-size:0.6em;
	}	


	#planning #horaires input {
		font-size:0.5em;
		font-size:7px;
		width:80%;
	}

	#planning #horaires select {
		font-size:7px;
		display:block;
		clear:both;
		width:80%;
		margin:0 auto;
	}



}