/* Media query pour les tablettes */
@media (min-width: 900px) and (max-width: 1199px) {



}

/* Media query pour les petits appareils (smartphones en paysage) */
@media (max-width: 800px) {

	section.recent-posts-section article {
	display: flex;
	flex-direction: column;
	flex: 0 0 100%;
	box-shadow: 6px 9px 9px 0px rgba(0,0,0,.16);
	margin-left: 15px;
	margin-right: 15px;
	background: #FFF;

}
section.recent-posts-section article h3 {
	color: #86a990;
	display: block;
	font-family: Urbanist,Helvetica,Arial,sans-serif,serif;
	text-align: left;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: inherit;
	font-weight: 300;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 10px;
	position: relative;
}
.post-excerpt{
	letter-spacing: 1px;
	font-size: 17px;
	padding: 10px;
}
.read-more{
	text-align:right;
	display: block;
	padding: 10px;
}
	#home #intro {
		width: 95%;
	}
	#home #intro .container{
		width: 100%;
	}
	#home #intro p{
		font-size: 19px;
	}
	.open{display: block !important;}
	p {
		font-size: 16px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		text-align: justify;
	}
	p.has-text-align-center{
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
		hyphens: none;
	}
	ol, ul {
		text-wrap: balance;
	}
	body:not(.home) nav {
		background-color: #FFF;
		border-bottom: 0px solid rgba(var(--vitalitezen-color-1),.5);
	}
	.hamburger {
		padding: 15px;
		padding-right: 20px;
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
		width: 30px;
	}
	#home nav.navbar {height: 50px;background: #FFF;}
	.navbar p.identity {
		font-size: 28px;
		padding-left: 10px;
		padding-top: 10px;
	}
	.mobile-menu-icon, .mobile-menu-icon p.identity{display: block;}
	.navbar-container{display: none;}
	.slider-container {
		height: 100vh;
	}
	#home .slide{padding-top: 0;}
	#home .slide-content {padding-top: 74px !important; width: 90%;}
	#home .slide h1 {
		font-size: 1.6em;
	}
	#home .slide p {
		font-size: .9em;
	}
	#home .slide .btn a{margin-bottom: 10px}
	#mobile-dropdown ul{
		display: block;
		padding: 20px;
	}
	#mobile-dropdown ul.sub-menu {
		display: block;
		padding: 5px;
		padding-bottom: 0;
	}
	#mobile-dropdown li.menu-item-has-children {padding-bottom: 0;}
	nav.navbar ul {display: block;}
	nav.navbar ul li {display: block !important;width: 100%;overflow: hidden;font-size: 14px;text-align: left;padding-bottom: 5px;}
	ul li .sub-menu{height: auto;}
	nav.navbar ul li ul.sub-menu li{
		display: block !important;
		width: 95%;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0;
	}
	#bloc1, #bienvenue, #temoignages, #soins-therapeutiques, #chiffres {
		margin: 0;
		margin-bottom: 25px;
	}
	#bloc1 .container, #bienvenue .container, #temoignages .container, #soins-therapeutiques .container, #chiffres .container {
		width: 100%;
	}
	#bloc1 .bloc1-item {
		flex: 0 0 100%;
	}
	#chiffres {
		padding-top: 20px;
		padding-left: 25px;
		padding-right: 0;
		margin-top: 0;
		padding-bottom: 40px;
	}
	#bloc1 .bloc1-item, #chiffres .chiffres-item {
		flex: 0 0 30%;
		margin-bottom: 25px;
	}
	#bloc1 h2 {
		font-size: 0.925em;
		margin-bottom: 20px;
		min-height: 92px;
	}
	#bienvenue .intro {
		margin-top: 10px;
	}
	#bienvenue h2 {
		font-size: 1.2em;
	}
	.soins-therapeutiques-grid p {
		text-align: center;
	}
	#chiffres h3 {
		min-height: 55px;
	}
	#chiffres .info {
		font-size: 2.5em;
	}
	#contact-bloc {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	#bienvenue p {
		font-size: 15px;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev {
		margin-left: -20px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next {
		margin-right: -20px;
	}
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.5em; margin-top: 15px;
	}
	.soins-therapeutiques-grid {
		width: 95%;
		display: flex;
		flex-wrap: wrap;
	}
	.soins-therapeutiques-item {
		flex: 0 0 29%;
	}
	.soins-therapeutiques-grid h3 {
		font-size: .9em;
	}
	.soins-therapeutiques-grid p {
		font-size: 15px;
	}
	body:not(.home) header#page {
		margin-bottom: 0;
	}
	#qui-suis-je header#page {
		margin-bottom: 0;
		background-position: right -15px;
	}
	#massages main p.intro, #sophrologie main p.intro, #temoignages-clients-apprenants-sophro-massages main p.intro {
		margin-top: 45px;
		margin-bottom: 45px;
		font-size: 16px;
		line-height: 25px;
	}
	#massages main .wp-block-columns.intro, #sophrologie main .wp-block-columns.intro {width: 95%; margin-top: 5px;margin-bottom: 5px;}
	#massages main .img, #sophrologie main .img {
		display: block;
	}
	#massages main .wp-block-image .alignleft, #sophrologie main .wp-block-image .alignleft {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#massages main .text, #sophrologie main .text {
		padding-right: 10px;
		padding-left: 10px;
		padding: 20px;
		margin: 0;
	}
	#massages .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
	#sophrologie .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: inherit !important;
	}
	#massages main .text h2, #sophrologie #massages main .text h2, #qui-suis-je main h2 {
		font-size: 1.8em;
		line-height: 1.143;
		padding-bottom: 15px;
	}
	#massages main .text p, #sophrologie main .text p, #qui-suis-je main p {text-align: justify; }
	ul.testimonials-items li {
		flex: 0 0 45%;
	}
	ul.testimonials-items li p {
		font-size: 15px;
	}
	.martop120 {
		margin-top: 60px;
	}
	.width70 {
		width: 90%;
	}
	#massages main .wp-block-columns.tarif, #sophrologie main .wp-block-columns.tarif {
		width: 90%;
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 5% !important;
	}
	#contact-bloc .container h3 {
		font-size: 1.8em;
		font-weight: 600;
		text-align: center;
	}
	#contact-bloc .container p {
		text-align: center;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		margin-top: 20px;
	}
	.tarif h3 {
		line-height: 1.1em;
	}
	.tarif p {
		padding-left: 10px;
		padding-right: 10px;
	}
	body:not(.home) main {
		width: 95%;
	}
	.wp-block-image .alignright {
		/*float: none;
		margin: 0;
		width: 100%;*/
	}
	#le-saviez-vous .entries {
		width: 99%;
		margin: 0px;
		padding: 10px;
		float: none;
		background-color: rgba(var(--vitalitezen-color-5),1);
	}
	#le-saviez-vous .content {
		width: 99%;
		font-size: 15px;
	}
	#le-saviez-vous h2 {
		font-size: 1.6em;
	}
	#le-saviez-vous .entries img {
		width: 100%;
		height: auto;
	}
	#contact-bloc .container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		flex-direction: row;
		margin-top: 60px;
		margin-bottom: 60px;
	}
	#contact-bloc .container .left {
		padding: 10px;
	}
	#contact-bloc .container .right {
		padding: 10px;
	}
	ul#menu-footer {
		columns: 2;
		display: block;
	}
	footer li {text-align: center; font-weight: bold;margin-bottom: 10px;width: 98%;
	margin-left: auto;
	margin-right: auto;}
	footer li ul.sub-menu {margin-top: 5px;}
	footer li.menu-item-has-children li{margin-bottom: 10px;font-weight: normal;}
	footer p.copyright {font-size: 12px; width: 95%;margin-left: auto; margin-right: auto;-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
		hyphens: none;}
}

/* Media query pour les petits appareils (smartphones en portrait) */
@media (max-width: 599px) {
	p {
		font-size: 16px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		text-align: justify;
	}
	p.has-text-align-center{
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
		hyphens: none;
	}
	ol, ul {
		text-wrap: balance;
	}
	body:not(.home) nav {
		background-color: #FFF;
		border-bottom: 0px solid rgba(var(--vitalitezen-color-1),.5);
	}
	#massages .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, #sophrologie .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		display: contents;
	}
	.slider-container {
		height: 100vh;
	}
	#home .slide-content {
		padding-top: 95px !important;
	}
	#home .slide{padding-top: 0;}
	#home .slide h1 {
		font-size: 1.8em;
	}
	#home .slide p {
		font-size: 1em;
	}
	#home .slide .btn a{margin-bottom: 10px}
	#mobile-dropdown ul{
		display: block;
		padding: 20px;
	}
	#bloc1 .bloc1-grid {
		display: block;
	}
	#bloc1, #bienvenue, #temoignages, #soins-therapeutiques, #chiffres {
		margin: 0;
		margin-bottom: 25px;
	}
	#bloc1 .container, #bienvenue .container, #temoignages .container, #soins-therapeutiques .container, #chiffres .container {
		width: 100%;
	}
	#bloc1 .bloc1-item {
		flex: 0 0 100%;
	}
	#bloc1 .bloc1-item, #chiffres .chiffres-item {
		flex: 0 0 90%;
		margin-bottom: 0;
	}
	#bloc1 h2 {
		min-height: inherit;
	}
	.soins-therapeutiques-grid p {
		text-align: center;
	}
	#contact-bloc {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	#bienvenue p {
		font-size: 16px;
	}
	#chiffres h3 {
		min-height: inherit;
	}
	#chiffres .symbole {
		height: 50px;
		min-height: 50px;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev {
		margin-left: -20px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next {
		margin-right: -20px;
	}
	body:not(.home) header#page {
		height: 275px;
		background-position: left;
	}
	body:not(.home) header#page h1 {
		margin-top: 0px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.5em; margin-top: 15px;
	}
	h3 {
		font-size: 22px;
		line-height: normal;
		margin-bottom: 20px;
		margin-top: 25px;

	}
	.soins-therapeutiques-grid {
		width: 95%;
		display: block;
		flex-wrap: wrap;
	}
	#massages main p.intro, #sophrologie main p.intro, #temoignages-clients-apprenants-sophro-massages main p.intro {
		margin-top: 45px;
		margin-bottom: 45px;
		font-size: 20px;
		line-height: 25px;
		width: 90%;
	}
	#massages main .wp-block-columns.intro, #sophrologie main .wp-block-columns.intro {width: 95%;}
	#massages main .text, #sophrologie main .text {
		padding-right: 10px;
		padding-left: 10px;
		padding: 20px;
	}
	#massages main .text h2, #sophrologie #massages main .text h2, #qui-suis-je main h2 {
		font-size: 1.5em;
		line-height: 1.143;
		padding-bottom: 15px;
	}
	#massages main .text p, #sophrologie main .text p, #qui-suis-je main p {text-align: justify; padding-left: 10px;padding-right: 10px;}
	.martop120 {
		margin-top: 60px;
	}
	.width70 {
		width: 90%;
	}
	#massages main .wp-block-columns.tarif, #sophrologie main .wp-block-columns.tarif {
		width: 90%;
		margin-top: 45px;
		margin-bottom: 45px;
		display: block;
	}
	#massages .wp-block-columns:not(.is-not-stacked-on-mobile).tarif>.wp-block-column,
	#sophrologie .wp-block-columns:not(.is-not-stacked-on-mobile).tarif>.wp-block-column {
		display: block !important;
		margin-top: 20px;
	}
	main li {
		padding: 5px;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 5% !important;
	}
	ul.testimonials-items li {
		flex: 0 0 92%;
	}
	#contact-bloc .container h3 {
		font-size: 1.8em;
		font-weight: 600;
		text-align: center;
	}
	#contact-bloc .container p {
		text-align: center;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		margin-top: 20px;
	}
	.tarif h3 {
		line-height: 1.1em;
	}
	.tarif p {
		padding-left: 10px;
		padding-right: 10px;
	}
	body:not(.home) main {
		width: 95%;
	}
	.wp-block-image .alignright {
		float: none;
		margin: 0;
		width: 100%;
	}
	#le-saviez-vous .entries {
		width: 99%;
		margin: 0px;
		padding: 10px;
		float: none;
		background-color: rgba(var(--vitalitezen-color-5),1);
	}
	#le-saviez-vous .content {
		width: 99%;
		font-size: 15px;
	}
	#le-saviez-vous h2 {
		font-size: 1.6em;
	}
	#le-saviez-vous .entries img {
		width: 100%;
		height: auto;
	}
	#contact-bloc .container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		flex-direction: row;
		margin-top: 60px;
		margin-bottom: 60px;
	}
	#contact-bloc .container .left {
		padding: 20px;
	}
	#contact-bloc .container .right {
		padding: 20px;
	}
	footer li {text-align: center; font-weight: bold;margin-bottom: 10px;width: 98%;
	margin-left: auto;
	margin-right: auto;}
	footer li ul.sub-menu {margin-top: 5px;}
	footer li.menu-item-has-children li{margin-bottom: 10px;font-weight: normal;}
	footer p.copyright {font-size: 12px; width: 95%;margin-left: auto; margin-right: auto;-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-o-hyphens: none;
		hyphens: none;
	}
section.recent-posts-section{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.recent-posts-grid {
	display: block;
	flex-wrap: wrap;
}
section.recent-posts-section article {
	display: flex;
	flex-direction: column;
	flex: 0 0 100%;
	box-shadow: 6px 9px 9px 0px rgba(0,0,0,.16);
	margin-left: 15px;
	margin-right: 15px;
	background: #FFF;

}
section.recent-posts-section article h3 {
	color: #86a990;
	display: block;
	font-family: Urbanist,Helvetica,Arial,sans-serif,serif;
	text-align: left;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: inherit;
	font-weight: 300;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 10px;
	position: relative;
}
.post-excerpt{
	letter-spacing: 1px;
	font-size: 17px;
	padding: 10px;
}
.read-more{
	text-align:right;
	display: block;
	padding: 10px;
}
}