@media only screen and (max-width:1600px) {
	#header { padding:35px 0 }

	#header p { font-size:32px }

	h1 { width:9% }
}

@media only screen and (max-width:1400px) {
	#header { padding:25px 0 }

	#menuBan { top:65% }

	#menuBan a { font-size:18px	}

	#menuBan a:nth-child(1) span,
	#menuBan a:nth-child(2) span { font-size:30px }

	#footer > div p:nth-child(1) { font-size:18px }

	#footer > div:nth-child(1) p:nth-child(2),
	#footer > div:nth-child(1) p:nth-child(3),
	#footer > div:nth-child(1) p:nth-child(2) a,
	#footer > div:nth-child(1) p:nth-child(2) a:hover { font-size:14px }
}

@media only screen and (max-width:1200px) {
	#header { padding:20px 0 }

	#header p {
	font-size:24px;
	font-weight:500
	}

	#menuBan { top:60% }

	#menuBan a:nth-child(1) { padding:18px 70px 18px 18px }

	#menuBan a:nth-child(2) { padding:18px 18px 18px 70px }

	#menuBan a { font-size:16px	}

	#menuBan a:nth-child(1) span,
	#menuBan a:nth-child(2) span { font-size:22px }

	#menuBan a:nth-child(1) span:before { top:2px }

	#menuBan a:nth-child(2) span:after { top:2px }

	#accueil #home1 p { font-size:14px	}

	#accueil img {
	width:30%;
	margin:0 5% 0 0
	}

	#accueil #home1 { width:65% }

	a#accesCoach, a#accesCoach:hover, a#inscriptionPerso, a#inscriptionPerso:hover, a#connexionPerso, a#connexionPerso:hover { font-size:11px }

	a#accesCoach,
	a#accesCoach:hover { width:auto; margin:0 5px; top:5px }

	a#inscriptionPerso,
	a#inscriptionPerso:hover { width:auto; margin:0 5px; top:24px }

	a#connexionPerso,
	a#connexionPerso:hover { width:auto; margin:0 5px; top:44px }
}

@media only screen and (max-width:1000px) {
	#footer > div {
	width:100%;
	margin:0 0 25px 0
	}

	#footer > div:nth-child(2) p:nth-child(1),
	#footer > div:nth-child(2) p:nth-child(2) {
	text-align:left
	}

	#accueil img {
	width:20%;
	margin:0 5% 0 0
	}

	#accueil #home1 { width:75% }

	#menuBan a:nth-child(1) { padding:10px 40px 10px 10px }

	#menuBan a:nth-child(2) { padding:10px 10px 10px 40px }

	#store { display:none }

	#footer > div p:nth-child(1) { font-size:16px }

	#footer > div:nth-child(1) p:nth-child(2),
	#footer > div:nth-child(1) p:nth-child(3),
	#footer > div:nth-child(1) p:nth-child(2) a,
	#footer > div:nth-child(1) p:nth-child(2) a:hover { font-size:12px }

	#footer { padding:25px 0 5px 0 }

	#accueil h2 { font-size:24px }

	.page { font-size:13px }

	#header { margin-top:50px }

	h1 { top:25px }
}

@media only screen and (max-width:900px) {
	#menuBan a:nth-child(1) span:before,
	#menuBan a:nth-child(2) span:after {
	content:none
	}

	#menuBan a {
	font-size:14px;
	font-weight:500
	}

	#menuBan a:nth-child(1) span,
	#menuBan a:nth-child(2) span { font-size:17px }

	#header p { display:none }

	#accueil > aside {
	display:inline-block;
	font-size:26px
	}

	#accueil div p { font-size:13px	}

	h1 {
	position:absolute;
	display:inline-block;
	z-index:9999;
	width:20%;
	height:auto;
	left:40%
	}

	h1 img {
	display:inline-block;
	width:100%;
	height:auto
	}

	#accueil h2 { font-size:20px }

	#accueil #home1 p:not(.firstAc):not(.storeAc) { font-size:14px }
}

@media only screen and (max-width:700px) {
	#accueil img { display:none }

	#accueil #home1 {
	width:100%;
	margin:25px 0 0 0;
	padding:0 10px
	}
	
	a#accesCoach,
	a#accesCoach:hover,
	a#inscriptionPerso,
	a#inscriptionPerso:hover,
	a#connexionPerso,
	a#connexionPerso:hover { display:none }

	#home2 {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0 0 25px 0;
	padding:0
	}

	a#accesCoach2 {
	display:inline-block;
	width:auto;
	text-align:center;
	font-size:12px;
	color:#b1e144;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	letter-spacing:1px;
	margin:20px 10px 0 10px
	}

	a#accesCoach2:hover {
	display:inline-block;
	width:auto;
	text-align:center;
	font-size:12px;
	color:grey;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	letter-spacing:1px;
	margin:20px 10px 0 10px
	}

	a#inscriptionPerso2 {
	display:inline-block;
	width:auto;
	text-align:center;
	font-size:12px;
	color:#40BCC8;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	letter-spacing:1px;
	margin:20px 10px 0 10px
	}

	a#inscriptionPerso2:hover {
	display:inline-block;
	width:auto;
	text-align:center;
	font-size:12px;
	color:grey;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	letter-spacing:1px;
	margin:20px 10px 0 10px
	}

	a#connexionPerso2 {
	display:inline-block;
	width:auto;
	text-align:center;
	font-size:12px;
	color:#ea1b5f;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	letter-spacing:1px;
	margin:20px 10px 0 10px
	}

	a#connexionPerso2:hover {
	display:inline-block;
	width:auto;
	text-align:center;
	font-size:12px;
	color:grey;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	letter-spacing:1px;
	margin:20px 10px 0 10px
	}
}