.formobile {display:none;}

@media (max-width: 950px) {
	#zmenu {padding:0;margin:0;display:inline-block;margin-right:5px;width:30px;height:30px;border:1px solid grey;border-radius:0.2em;background-color:white;vertical-align:bottom;}
	#menu {
		display:inline-block;
		margin-right:5px;
		border:1px solid grey;border-radius:0.2em;
		padding:5px;
		background-color:grey;
		font-size:12px;}
	body {background-color:#eeb400;}
	#container {width:100%;}
	#colgauche {display:none;}
	#droite {left:0;background-image:unset;}
	.fordesktop {display:none;}
}  

@media (max-width: 750px) {
	* {box-sizing: border-box;}
	#droite {width:100%;}
	#main {background-image:unset;width:calc(100% - 10px);margin:20px 5px 5px;height:unset;}
	#main-left {position:unset;width:100%;background-color:white;border:1px solid white;border-radius:0.4em 0.4em 0 0;height:unset;}
	#main-right {position:unset;width:100%;background-color:#ecebea;height:unset;padding-bottom:10px;border:1px solid #ecebea;border-radius:0 0 0.4em 0.4em;} 
	#title {margin-left:5px;}
}

.dropbtn {
    zbackground-color: #4CAF50;
    zcolor: white;
    zpadding: 16px;
    zfont-size: 16px;
    border: none;
    background-color:grey;
    
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.zzdropdown:hover .dropbtn {background-color: #3e8e41;}