@media screen and (max-height: 800px)  {

body {
	background-color: lightblue;
	overflow: hidden;
}

#zone1 {
	position: absolute;
	margin-top: -20px;
	width: 99%;
	height: 400px;
	//border-style:solid;
	//border-width:1px;
}

#zone2 {
	position: absolute;
	width: 99%;
	top: 425px;
	//border-style:solid;
	//border-width:1px;
}

#zone3 {
	position: absolute;
	margin-top: 750px;
	margin-left: 20%;
	left: 0px;
	//border-style:solid;
	//border-width:1px;
}

#zone4 {
	position: absolute;
	margin-top: 750px;
	margin-left: 70%;
	left: 0px;
	width: 132px;
	//border-style:solid;
	//border-width:1px;
}

#zone5 {
	position: absolute;
	background-image: url("Images/calendrier.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-color: ccc;
	margin-top: 350px;
	margin-left: 27%;
	width: 800px;
	height: 400px;
	opacity: 0;
	-moz-box-shadow: 4px 4px 6px #aaa; 
	-box-shadow: 4px 4px 6px #aaa; 
	-webkit-box-shadow: 4px 4px 6px #222; 
	//border-style:solid;
	//border-width:1px;
}


#mydiv {
	position: absolute;
	z-index: 9;
	background-color: #f1f1f1;
	text-align: center;
	border: 1px solid #d3d3d3;
	top: 15px;
	height: 150px;
}
				

#mydivheader {
	padding: 1px;
	cursor: move;
	z-index: 10;
	background-color: #2196FD;
	font-size: 8px;
	color: #fff;
	height: 12px;
}

img {	
	width: 110px;
	height: 150px; 
}

.popup_block1{
	background: #fff;
	padding: 20px;
	border: 20px solid #ccc;
	position: relative;
	margin: 10% auto;
	width: 30%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
	height: 250px;
}

.my_btn_close {
    	float: right;
    	margin: -55px -55px 0 0;
	width: 50px;
	height: 50px;
}

.contenu {
	float: left; 
	margin: 20 0 0 0px;
}

#overlay1 {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1001;
}

.popup_block2{
	background: #fff;
	position: relative;
	margin: 10% auto;
	width: 500px;
	height: 700px;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
}

#overlay6 {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

#modalCheck6{
	display: none;
}

#modalCheck6:checked + #overlay6{
	display: block;
}
}