@media screen and (max-width: 768px)
{
    header{
    	margin-top:20px;
    	margin-bottom:20px;
    	height:auto;
		flex-direction: column;
    }

    .Titre-Page, #menu{
    	width:100%;
		text-align: center;
	}

	h2{
		font-size: 1.5em;
	}
	#menu{
		Margin-top:30px;
		Margin-bottom:10px;
	}
	
	#header, #form-book, #contact-mobile, #right-hypnose, #formulaire, #slider-link-btn, #slider .slider-text-agency-small, #separator-hypnose, #separator-pourquoi, #left-pourquoi,#bloc-img-left-comment,#bloc-img-right-comment{
		display:none;
	}

	#contact{
		flex-direction: column;
	}

	#left-hypnose, #right-pourquoi, #comment-full, #left-contact, #right-contact{
		width: 90%;
	}

    #right-pourquoi-geometric, #left-hypnose-geometric{
    	-webkit-transform: skew(0deg);
       	-moz-transform: skew(0deg);
        -o-transform: skew(0deg);
        width: 100%;
	}
	
	#ancre-hypnose, #ancre-projets, #ancre-contact{
		top:0;
	}
	
	#hypnose{
		margin-top:0;
	}


	#menu .menu-link a{
		color:rgb(108,112,117);
		text-decoration:none;
	}

	#menu .menu-link:hover{
		border-top:3px ridge transparent;
		color :#76cfee;
	}

	#menu .menu-link{
		width:100%;
		height:auto;
		padding:0;
	}

	#right-hypnose, #left-hypnose{
		margin:auto;
		text-align:center;	
		width:90%;		
	}

	#book{
		margin-top: 20px;
		width: 90%;
	}

	#contact-mobile{
		display:block;
		margin-top:20px;
		width:90%;
		background-color:#edeff0;
		border-radius:5px;
		opacity:1;
	}


	#contact-mobile .text{
		text-align:left;
		margin-left:10%;
	}

	footer, #bloc-contact{
		height: unset;
	}
}