@media only screen and (max-width:1800px) {
	#footer { padding:20px 10% }

	.mainMenu > li { margin:0 15px }

	.mainMenu > li a, .mainMenu > li a:hover { font-size:13px }
}

@media only screen and (max-width:1650px) {
	#diapo section > div:nth-child(2) p { font-size:32px }	
}

@media only screen and (max-width:1500px) {
	#diapo section > div:nth-child(1),
	#diapo section > div:nth-child(2) {
	padding:40px 10%
	}

	#diapo section > div:nth-child(1) { font-size:48px }
	#diapo section > div:nth-child(2) p { font-size:28px }
	
	#footer { padding:20px 7% }

	.mainMenu > li > a i { display:none }
}

@media only screen and (max-width:1400px) {
	#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 }

	#numbers div {
	width:29%;
	margin:0 2%
	}

	#numbers p:nth-child(1) { font-size:38px }

	#numbers p:nth-child(2) { font-size:20px }
}

@media only screen and (max-width:1200px) {
	#diapo section > div:nth-child(1),
	#diapo section > div:nth-child(2) {
	padding:30px 5%
	}
	
	#footer { padding:20px 5% }

	#diapo section > div:nth-child(1) { font-size:38px }
	#diapo section > div:nth-child(2) p { font-size:24px }

	#header > .mainMenu, #header > .subMenu, #me { font-size:0; display:none }

	#container, #header { margin-top:0; padding-top:0; top:0; font-size:0 }

	#logo {
	width:15%;
	top:5px;
	left:auto;
	right:5%
	}

	#home { display:block; width:50px; height:auto; z-index:9998; position:absolute; top:10px; left:10px; outline:none; font-size:26px; cursor:pointer }

	#headerMob {
	display:inline-block;
	width:100%;
	margin:0;
	padding:0
	}

	#header { display:none }

	#logoMob {
	display:inline-block;
	position:relative;
	width:20%;
	margin:5px 40%
	}

	#logoMob img {
	width:100%;
	height:auto
	}

	#left {
	background-color:#00a5b5;
	-webkit-overflow-scrolling:touch;
	display:none;
	overflow:auto;
	position:fixed;
	z-index:9999;
	width:85%;
	height:100%;
	top:0;
	bottom:0;
	left:-85%;
	padding:0;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition: all 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750);

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		-ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
		 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
			transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}

	#left, .menu, #left *, #contact_mob { display:inline-block }

	#left > a:nth-child(1) {
	display:inline-block;
	position:relative;
	width:30%;
	margin:5px 35% 15px 35%
	}

	#left > a:nth-child(1) img {
	display:inline-block;
	width:100%;
	height:auto
	}

	#booojIs, #actualites { margin-top:35px }

	#inscription h1, #accueil h2, #accueil h1:not(.introBoooj), #mesSeances h1, #voirCoach h1, #mesSeancesPerso h1, #nosCoachs h1 { font-size:25px; margin-bottom:12px }

	#main { margin:25px 0 }

	#inscription form p {
	width:80%;
	margin:0 0 20px 10%
	}

	#inscription form label, #contacter label, #contacter label:not(.labNoCSS) {
	text-align:left;
	width:45%;
	font-size:14px
	}

	#inscription form input[type=text],
	#inscription form input[type=password],
	#inscription form input[type=email],
	#contacter input[type=text],
	#contacter input[type=password],
	#contacter input[type=email],
	#contacter textarea,
	#contacter select {
	width:50%;
	font-size:12px
	}

	a.innerLinkForm,
	a.innerLinkForm:hover { font-size:14px }

	#inscripForm a:not(.innerLinkForm),
	#inscripForm a:not(.innerLinkForm):hover { width:60%; font-size:15px }

	#how p {
	font-size:20px;
	margin:0 0 25px 0
	}

	#how p span:nth-child(2) {
	width:30px;
	font-size:28px
	}

	#how a, #how a:hover { font-size:20px }

	.mainContent3 { padding:40px 0 }

	#contact div:nth-child(1) {
	width:26%;
	margin:0 2% 25px 0
	}

	#contact div:nth-child(2) {
	width:70%;
	margin:0 0 25px 0
	}
}

@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
	}

	#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 }

	#diapo section > div:nth-child(1),
	#diapo section > div:nth-child(2) {
	padding:20px 3%
	}

	#diapo section > div:nth-child(1) { font-size:32px; text-align:left }
	#diapo section > div:nth-child(2) p { font-size:22px; font-weight:300 }

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

	#accueil div { width:55% }

	.introBoooj {
	text-align:left;
	font-size:28px;
	margin:0 0 30px 0
	}

	#accueil div p:not(.introBoooj) {
	font-size:13px;
	line-height:18px
	}

	a.jeMinscris, a.jeMinscris:hover { width:98%; font-size:14px }

	.introbooojIs {
	font-size:28px;
	margin:0 0 30px 0
	}

	#booojIs div p:not(.introbooojIs):not(.onPC):not(.onMobile) {
	font-size:13px;
	font-weight:500;
	margin:0 0 20px 0
	}

	.introbooojIs a, .introbooojIs a:hover, #booojIs a, #booojIs a:hover { font-size:13px }	

	#booojIs div p i { display:none }

	#booojIs > div > .onPC { display:none }

	#booojIs > div > .onMobile {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	letter-spacing:1px;
	width:100%;
	text-align:left;
	font-size:15px;
	font-weight:500;
	color:#252525;
	margin:0 0 20px 0;
	padding:0	
	}

	#showActivites article h2 {
	font-size:15px;
	margin:0 0 7px 0
	}

	#showActivites article div a,
	#showActivites article div a:hover { width:100%; margin:0; font-size:11px }

	.roboto28 { font-size:25px; font-family:"roboto", sans-serif }
	.roboto26 { font-size:23px; font-family:"roboto", sans-serif }
	.roboto24 { font-size:21px; font-family:"roboto", sans-serif }
	.roboto22 { font-size:19px; font-family:"roboto", sans-serif }
	.roboto20 { font-size:17px; font-family:"roboto", sans-serif }
	.roboto18 { font-size:15px; font-family:"roboto", sans-serif }
	.roboto16 { font-size:13px; font-family:"roboto", sans-serif }
	
	.roboto16 a, .roboto16 a:hover { font-size:13px }

	.roboto14 { font-size:12px; font-family:"roboto", sans-serif }
	.roboto12 { font-size:11px; font-family:"roboto", sans-serif }

	#affinerC label {
	width:auto;
	font-size:14px;
	margin:0 10px 0 0
	}

	#affinerC select {
	width:auto;
	font-size:12px;
	margin:0 25px 0 0
	}

	#affinerC input {
	width:auto;
	font-size:12px
	}

	#mesSeancesPerso h2 { font-size:18px; margin:0 }

	.wrapPresence {
	padding:14px 10px
	}

	#mesSeancesPerso .wrapPresence > p:nth-child(1) > i,
	#mesSeances .wrapPresence > p:nth-child(1) > i	{ display:none }

	.wrapPresence span { display:block; margin:0 0 10px 0 }

	.actionSeance { margin-top:15px }

	#numbers p:nth-child(1) { font-size:30px }

	#numbers p:nth-child(2) { font-size:16px }

	#pourquoi article { padding:10px; width:48%; margin:0 1% }

	#presse article {
	width:29%;
	margin:0 2% 20px 2%
	}

	#presse article h3 {
	font-size:22px;
	font-weight:700
	}

	#presse article a,
	#presse article a:hover { font-size:14px }

	#showTemoins article div h2 {
	font-size:16px;
	font-weight:500
	}

	#showTemoins article div div {
	font-size:12px;
	margin:0 0 10px 0
	}

	.modal-content {
	padding:10px 10px 20px 10px;
	width:80%
	}

	#wrapSEOimgNews, .caseti2.none { display:inline-block !important; margin:0 0 20px 0 !important; padding:0 !important }

	#wrapSEOimgNews, .caseti2 img { display:inline-block !important; width:100% !important; height:auto !important; margin:0 !important }
}

@media only screen and (max-width:900px) {
	#diapo section > div:nth-child(1),
	#diapo section > div:nth-child(2),
	#footer {
	padding:15px
	}

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

	.br { display:none }

	#nosCoachs article h2 a,
	#nosCoachs article h2 a:hover { font-size:14px }

	#nosCoachs article p {
	font-size:12px
	}

	#nosCoachs > article {
	width:29%;
	margin:0 2% 25px 2%;
	padding:0	
	}

	#logoEntreprise { display:none }

	#pourquoi article p:nth-child(1) {
	font-size:16px;
	font-weight:400;
	margin:0 0 14px 0
	}

	#pourquoi article p {
	font-size:12px;
	font-weight:400;
	margin:0 0 10px 0
	}

	#contact div:nth-child(1) {
	width:100%;
	margin:0 0 15px 0
	}

	#contact div:nth-child(2) {
	width:100%;
	margin:0 0 25px 0
	}
}

@media only screen and (max-width:850px) {
	#booojIs img {
	width:30%;
	margin:15px 0 0 0
	}

	#booojIs div { width:100%; margin:0 }

	#actualites article h3, #actualites article h3 a, #actualites article h3 a:hover {
	font-size:16px;
	font-weight:500
	}

	#actualites article p:nth-child(3) {
	font-size:11px;
	margin:0 0 10px 0
	}

	#actualites article p:nth-child(4) {
	font-size:12px;
	margin:0 0 10px 0
	}

	#actualites article a:nth-child(5),
	#actualites article a:nth-child(5):hover { font-size:13px }

	#home { width:40px }

	#inscription h1, #accueil h2, #accueil h1:not(.introBoooj), #mesSeances h1, #voirCoach h1, #mesSeancesPerso h1, #nosCoachs h1 { font-size:18px }

	#photoCoach {
	top:45px
	}

	#inscription form p {
	width:100%;
	margin:0 0 15px 0
	}

	#swal2-title { font-size:18px }
	#swal2-content { font-size:13px }
	.swal2-confirm { font-size:15px }

	.caseAlert { font-size:16px }

	#how p {
	font-size:16px;
	margin:0 0 20px 0
	}

	#how p span:nth-child(2) {
	width:auto;
	font-size:16px;
	margin:0 5px 0 0
	}

	#how a, #how a:hover { font-size:16px }

	#pourquoi article {
	width:100%;
	margin:0 0 20px 0;
	padding:20px
	}

	#pourquoi > p:nth-child(5) { margin-top:20px }

	#presseCat article h2, #presseCat article h2 a, #presseCat article h2 a:hover {
	font-size:16px;
	font-weight:500
	}

	#presseCat article div p:nth-child(3) {
	font-size:12px
	}
}

@media only screen and (max-width:800px) {
	#affinerC label {
	width:48%;
	margin:0 4% 10px 0
	}

	#affinerC select {
	width:48%;
	margin:0 0 10px 0
	}

	#affinerC input {
	width:34%;
	margin:20px 33% 0 33%
	}

	.h3Brut:before {
	left:25px
	}

	#how p:nth-child(2),
	#how p:nth-child(3),
	#how p:nth-child(4) { padding-left:0 }

	#how p i { display:none }
}

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

	#accueil div { width:100% }

	.introBoooj {
	text-align:left;
	font-size:24px;
	margin:0 0 30px 0
	}

	#diapo section > div:nth-child(1) { font-size:14px }
	#diapo section > div:nth-child(2) p { font-size:12px }

	#accueil div p:not(.introBoooj) {
	font-size:12px;
	line-height:18px
	}

	#actualites { margin-bottom:0; padding-bottom:0 }

	#actualites article:nth-child(even),
	#actualites article:nth-child(odd) { width:100%; margin:0 0 45px 0 }

	#showActivites article {
	width:46%;
	margin:0 2% 30px 2%
	}

	.roboto28 { font-size:22px }
	.roboto26 { font-size:20px }
	.roboto24 { font-size:20px }
	.roboto22 { font-size:16px }
	.roboto20 { font-size:16px }
	.roboto18 { font-size:14px }
	.roboto16 { font-size:13px }
	.roboto14 { font-size:11px }
	.roboto12 { font-size:11px }

	#nosCoachs > article {
	width:46%;
	margin:0 2% 25px 2%;
	padding:0	
	}

	input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button], select {
	-webkit-appearance:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-moz-touch-callout:none;
	-ms-touch-callout:none;
	touch-callout:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
	-ms-user-drag:none;
	user-drag:none;
	}

	#numbers p:nth-child(1) { margin-bottom:10px }

	#numbers div:nth-child(1),
	#numbers div:nth-child(2) {
	width:100%;
	margin:0 0 35px 0
	}

	#numbers div:nth-child(3) {
	width:100%;
	margin:0
	}

	#presse article {
	width:46%;
	margin:0 2% 20px 2%
	}

	#presse article h3 {
	font-size:18px;
	font-weight:500
	}

	#presse article a,
	#presse article a:hover { font-size:12px }

	#presseCat article img {
	width:100%;
	margin:0 0 15px 0
	}

	#presseCat article div {
	width:100%;
	margin:0
	}
}