@media only screen and (min-device-width: 768px) and (max-device-width : 1280px) and (orientation: portrait) {



	/* Portrait mode : display none thens appears a picture with a message that tell us that this website can be only read in landscape mode */

	body {

		background-image : url(../pictures/landscape_message.png);

		background-repeat : no-repeat;

		background-position : 50% 40%;

		background-color : white;

	}



	img.bg {

		display : none;

	}



	div {

		display : none;

	}

	nav#button_slideshow {
		display: none;
	}

}





@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {



	#ui-datepicker-div {

		font-size : 20px;

	}



	/* Hide #aboutstimulate for computers browsers */

	#aboutstimulate {

		display : none;

	}



	/* Show #aboutstimulatetablet only for tablets */

	#aboutstimulatetablet {

		display : block;

	    height : 37px;

		background : url(../pictures/bg_bar.png);

	}



	#aboutstimulatetablet {

	    cursor : pointer;

	}



	#aboutstimulatetablet h2 {

		padding : 0px 10px;

	    position : relative;

	    margin : 0 0 0 30px;

	    text-decoration : none;

		text-transform : uppercase;

	    font : 14px/36px Arial, sans-serif;

	}



	#aboutstimulatetablet a {

	    color : #FFFFFF;

	}



	#aboutstimulatetablet a {

	    text-shadow : 0 2px 1px rgba(0,0,0,0.5); 

	}



	#aboutstimulatetablet:hover a {

	    color : #A7DF2D;

	    text-decoration : none;

	    text-shadow : 0 0 0 transparent; 

	}



	#aboutstimulatetablet h2:before {

	    content : "";

	    top : 0;

	    left : 0;

	    width : 24px;

	    height : 24px;

	    margin : 6px -21px;

	    position : absolute;

	    background-image : url("../pictures/icons/video.png");

	    background-size : 100% 100%;

	    background-position : 0 0;

	}





}