@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {

	section {
		padding: 30px 0 70px 0;
	}
	
	.feuille1 {
		margin-top:-120px;
		right: 0;
	}

	.feuille1 svg, .feuille5 svg, .feuille6 svg {
		width:150px;
	}

	.feuille2 {
		margin-top:30px;
		right: 0;
	}

	.feuille2 svg, .feuille4 svg {
		width:100px;
	}

	h1, h2 {
		line-height: 1.2;
	}

	.split div {
		padding:0px 30px 0px 50px;
	}
	
	.feuille3 {
		margin-top:-260px;
		left: 0;
	}

	.feuille3 svg {
		width:150px;
	}
	
	.oeil svg {
		width: 25%
	}
	
	.feuille4 {
		margin-top:50px;
		right: 0;
	}

	.feuille5 {
		margin-top:100px;
		right: 0;
	}

	.feuille6 {
		margin-top:-150px;
		left: 0;
	}

	#infos .ligne {
		display: none
	}

	#infos h3, #infos p, #mentions h3, #mentions p  {
		margin: 0;
		line-height:1.6;
	}

	#infos div {
		min-width:30%;
		margin-right: 5%;
	}

	.bouton {
		padding: 15px 20px;
		font-size: 12px;
		letter-spacing: 0.5px;
		margin-top: 20px
	}

	/*#apropos article {
		flex-direction: column;
	}
	
	#apropos .portrait {
		margin-right: 0%;
		flex: auto;
		margin-bottom: 5%;
		width: 100%
	}*/
	

	#apropos .cadre {
		padding: 10px 50px 50px 50px;
	}
	
	#apropos {
		padding:70px;
	}
	
	#apropos .team {
		margin: 0;
		width: 100%;
	}

	#apropos article {
		float: none;
		width: 100%;
		padding: 50px 0 0 0;
	}
}
@media handheld, only screen and (max-width: 990px), only screen and (max-device-width: 990px) {

	#bande {
		padding: 10px 20px;
	}

	#bande h1 strong {
		letter-spacing: 0.1px;
	}

	#bandeau, #apropos {
		background: url("../images/bandeau-feuilles-mini.jpg");
		background-size: cover;
	}

	section {
		padding:10% 10% 15% 10%;
	}
	
	.ordi {
		display: none;
	}
	
	.mobile {
		display: block;
	}

	#burger {
		margin-right:0;
	}
	
	.close {
		margin-right: 17px;
	}

	#menu ul a {
		font-size:20px;
	}

	h1 { /* titre */
		font-size:30px;
		padding: 30px 0;
		text-align: left;
	}

	h2 { /* sous titre */
		font-size:25px;
	}
	
	.split {
    	flex-direction: column;
	}

	.split img {
		width: 100%;
		padding: 10% 0
	}

	.split div {
		width: 100%;
		padding:0;
	}
	
	.reverse {
    	flex-direction: column-reverse;
	}
	
	#bilans h2, #consultation h2, #temoignages em {
		margin-top: -10px;
		text-align: left;
	}
	
	.bilan1, .bilan2, .bilan3, .bilan4, .bilan5, .bilan6, .bilan7, .bilan8 {
		float: none;
		width:100%;
		padding:2% 0;
		height: auto;
		margin-top: 0;
		text-align: left
	}
	
	.oeil, .bilan1 svg, .bilan2 svg, .bilan3 svg, .bilan4 svg, .bilan5 svg, .bilan6 svg, .bilan7 svg, .bilan8 svg {
		display: none;
	}
	
	#bilans .bouton {
		margin-top: 30px;
	}
	
	#infos, #consultation ul, #temoignages #temoignages1 {
		max-width: 100%;
	}
	
	#consultation li {
		width: 100%;
		text-align: left;
	}
	
	#consultation li br {
		display: none
	}
	
	#apropos .cadre {
		padding: 0 30px 30px 30px;
	}
	
	#apropos .cadre img {
		width: 80%;
		margin: 0 10%
	}
	
	#apropos {
		padding: 10%
	}
	
	#apropos article {
		padding: 0 0 30px 0
	}
	
	#apropos .team {
		display: none;
	}
	
	#orthoptie h1, #partenariat h1 {
		max-width:70%;
		margin-bottom:-8%
	}
	
	#temoignages #temoignages1 {
		column-count: 1;
		margin: 0;
	}
	
	#infos {
    	flex-direction: column;
		padding: 0 10%;
		width: 80%;
		margin-bottom:40px
	}
	
	#infos div {
		margin:0 0 5% 0;
	}
	
	#infos div p br {
		display:none;
	}

	footer {
		border-top:1px solid #CECECE;
		text-align: left;
		padding:10% 10% 100px 10%;
		}

	#mentions {
		padding:10%;
		}
	
	.feuille4, .feuille5 {
		display: none;
	}
}