@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {
.sticky .content {
	display:none;
	}
	
section {
	padding:50px 0!important;
	}

#citation p {
	padding:50px 50px 0 20px;
	}

#citation p br {
	display:none;
	}

#diapo {
	height:600px;
}

#lecabinet img {
	width:350px;
	margin:0 0 0 5%;
	}

#lecabinet p {
	padding:0;
	}
}

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	
#burger {
	display: block;
	position:absolute;
	top:30px;
	right:30px;
	width:35px;
	height:35px;
	font-size:30px;
	text-align: center;
	line-height: 1.1;
	padding:10px;
	border-radius:50%;
	background-color:#00748d;
	color:#ffffff;
	}

h1 {
	font-size:24px;
	}

#logo {
	margin-top:0px
}

#bandeau {
	background-position:right;
	height:580px;
	}

header {
	height:0!important;
	}

header .content, header #menu {
	display:none;
	}
	
header #menu {
	height:100vh;
    background: rgba(0,116,141,1); /* bleu */
    align-items: center;
    justify-content: center;
	}

#menu ul {
	width: 100%;
	padding-top: 100px
	}

#menu li {
	display:block;
	padding:20px;
	}

#menu li a {
	color:#FFF;
	font-size: 24px
	}

.sticky #menu {
	display:none;
	}

#lecabinet img {
	width:300px;
	max-width:90%;
	display:block;
	margin:0 auto 40px auto;
	float:none;
	}

#citation p {
	margin:0 30px;
	padding:0;
	font-size:25px;
	line-height:35px;
	}

#citation .quote1, #citation .quote2 {
	display:block;
	vertical-align:0;
	font-size:90px;
	margin-top:50px;
	}

#consultation ol li {
	width:100%;
	float:none;
	margin:0%;
	text-align:center;
	}

#consultation img {
	margin-top:30px!important;
	}

#seance ul li {
	width:96%;
	}

#diapo {
	height:350px;
}

#rdv h1 {
	margin:0 50px 30px 50px;
	}

.tel {
	display:block;
	}

#contact {
	background-size:200%
	}

#tarifs p br {
	display:none;
	}

footer {
	padding:30px 50px 70px 50px;
	}
	
}