/****************************************/
/*            MEDIA QUERIES            */
/***************************************/
@media screen and (min-aspect-ratio: 16/9) {
	#banniere.video video {
		width: 100%;
	}
}

@media screen and (max-aspect-ratio: 16/9) {
	#banniere.video video {
		height: 100%;
	}
}

@media screen and (max-width : 1700px) {
	#sectionImages .txtImg .texte {
		padding: 1.5em 1.5em 1.5em 6em;
	}
	
	#sectionImages .txtImg .texte  h2 {
		font-size: 3.7vw;
	}
}

@media screen and (max-width : 1400px) {
	#sectionImageOver.imgSquare .forme {
		width: 64.2%;
	}
	
	#sectionImageOver.imgSquare .forme2 {
		width: 66%;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte {
		width: 37.5%;
	}
	
	#sectionImages .txtImg .texte {
		padding: 1.5em 1.5em 1.5em 2em;
	}
}

@media screen and (max-width : 1300px) {
	#sectionTitreTexte ul {
		padding: 0 2em;
	}
}

@media screen and (max-width : 1230px) {
	.wrapper {
		padding: 0 2em;
	}

	#sectionTitreTexte h1,
	#sectionTitreTexte h2,
	#sectionCol2 h1,
	#sectionCol2 h2,
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte > div h3 {
		font-size: 5.2vw;
	}
	
	#sectionTitreTexte h3,
	#sectionCol2 h3	{
		font-size: 4.55vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:first-child {
		right: 3%;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:nth-child(2) {
		right: 9%;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:last-child {
		right: 3%;
	}
	
	#sectionDescription .col-sm-6 > div h3 {
		font-size: 4.55vw;
	}
	
	#sectionDescription .col-sm-6 > div h4 {
		font-size: 2.6vw;
	}
	
	#sectionCol2 #Col2 > div:last-child p.date {
		font-size: 2.6vw;
	}
	
	#sectionCol2 #Col2 > div:last-child p {
		margin-bottom: 3.2vw;
	}
}

@media screen and (max-width : 1200px) {
	#Massotherapie-esthetique .row,
	#Groupes-affaires .row {
		width: 100%;
	}
	
	#Massotherapie-esthetique #sectionImage .row,
	#Groupes-affaires #sectionImage .row {
		margin-right: 0;
		margin-left: 0;
	}
	
	#Massotherapie-esthetique #sectionImage .row .col-sm-6:first-child,
	#Groupes-affaires #sectionImage .row .col-sm-6:first-child {
		padding-left: 0;
	}
	
	#Massotherapie-esthetique #sectionImage .row .col-sm-6:last-child,
	#Groupes-affaires #sectionImage .row .col-sm-6:last-child {
		padding-right: 0;
	}

	#sectionDescription {
		padding: 1.5em 2em;
	}
}

@media screen and (max-width : 1110px) {
	#Primary_Menu .menu .logo {
		padding: 0 2.8em;
		padding-top: 20px;
	}

	#Primary_Menu .menu ul {
		padding: 0 2em;
	}
	
	#sectionImageOver.imgSquare .forme {
		width: 57.5%;
	}
	
	#sectionImageOver.imgSquare .forme2 {
		width: 60%;
	}
	
	#sectionImageOver.imgSquare .imgSecondaire > div:last-child {
		margin-right: -190px;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div:last-child.mgRight {
		margin-right: -95px;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte {
		width: 45.5%;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:first-child {
		width: 36.217vw;
		height: 36.217vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:first-child .img {
		width: 33.965vw;
		height: 33.965vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(2) {
		width: 19.64vw;
		height: 19.64vw;
		top: 25.7vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(2) .img {
		width: 17.388vw;
		height: 17.388vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(3) {
		width: 23.244vw;
		height: 23.244vw;
		top: 38.6vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(3) .img {
		width: 20.992vw;
		height: 20.992vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(4) {
		width: 24.055vw;
		height: 24.055vw;
		top: 57vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(4) .img {
		width: 21.802vw;
		height: 21.802vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:last-child {
		width: 18.109vw;
		height: 18.109vw;
		top: 72.7vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:last-child .img {
		width: 15.856vw;
		height: 15.856vw;
	}
	
	#sectionCol2 #Col2 > div:last-child {
		height: 1000px;
	}
	
	footer .footer-wrapper .row.footer-link,
	footer .footer-wrapper .row.pt-4 {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (max-width : 980px) {
	header #logo2 {
		padding-top: 100px;
	}
	
	#sectionImages .txtImg {
		width: 50%;
	}

	/*#sectionImages > div:nth-child(2) > .texte {
		width: 66.67%;
	}
	
	#sectionImages > div:nth-child(2) > div:last-child {
		flex-direction: column;
		width: 33.33%;
	}
	
	#sectionImages > div:nth-child(2) > div:last-child > p {
		width: 100%;
		margin-bottom: 0;
	}*/
	
	#sectionDescription .col-sm-6:last-child {
		padding-left: 3em;
	}
}

@media screen and (max-width : 915px) {
	#Primary_Menu .menu ul li a {
		font-size: 120%;
	}
	
	footer .footer-link {
		justify-content: center;
	}
	
	footer .footer-link .col-md-5ths {
		width: auto;
	}
	
	footer .footer-wrapper .row.pt-4 {
		justify-content: space-around;
	}
	
	footer .footer-wrapper .row.pt-4 .col-md-5ths {
		width: auto;
	}
}

@media screen and (max-width : 900px) {
	#sectionTitreTexte.liste {
		margin: 3em 0 3em 0;
	}

	#sectionTitreTexte.liste .texte {
		align-items: flex-start;
	}
	
	#sectionTitreTexte.liste .texte p {
		width: 70%;
	}
	
	#sectionTitreTexte.liste ul {
		top: 65px;
	}
	
	#sectionTitreTexte.liste ul li {
		max-width: 157px;
	}
	
	#sectionTitreTexte.liste.sousTitre h3 {
		float: none;
	}
	
	#sectionTitreTexte.liste.sousTitre .texte {
		width: 70%;
		margin-left: 0;
	}
	
	#sectionAdresse .adresse > div {
		width: 50%;
	}
	
	#sectionAdresse .adresse .infos {
		padding-top: 14em;
	}
	
	#sectionAdresse .adresse .adresseRestaurant {
		margin-top: -4em;
	}
}

@media screen and (max-width : 790px) {
	#Primary_Menu .menu ul li a {
		font-size: 100%;
	}
}

@media screen and (max-width : 768px) {
	#banniere h1,
	#banniere h2 {
		font-size: 12.1vw;
	}
	
	#banniere h3 {
		font-size: 5.85vw;
	}
}

@media screen and (max-width : 740px) {
	#sectionTitreTexte.liste .texte p {
		width: 60%;
	}
	
	#sectionTitreTexte.liste.sousTitre .texte {
		width: 60%;
	}
	
	#sectionCol2 #Col2 > div:first-child {
		margin-left: -20vw;
		width: 60%;
	}
	
	#sectionCol2 #Col2 > div:last-child  {
		width: 63%;
		height: 930px;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:first-child {
		width: 42.217vw;
		height: 42.217vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:first-child .img {
		width: 39.965vw;
		height: 39.965vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(2) {
		width: 25.64vw;
		height: 25.64vw;
		top: 33vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(2) .img {
		width: 23.388vw;
		height: 23.388vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(3) {
		width: 29.244vw;
		height: 29.244vw;
		top: 51vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(3) .img {
		width: 26.992vw;
		height: 26.992vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(4) {
		width: 30.055vw;
		height: 30.055vw;
		top: 72vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:nth-child(4) .img {
		width: 27.802vw;
		height: 27.802vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:last-child {
		width: 24.109vw;
		height: 24.109vw;
		top: 94vw;
	}
	
	#sectionCol2 #Col2 .imgRonde .formeRonde:last-child .img {
		width: 21.856vw;
		height: 21.856vw;
	}
	
	#Massotherapie-esthetique #sectionImage .row .col-sm-6,
	#Groupes-affaires #sectionImage .row .col-sm-6 {
		padding-left: 0;
		padding-right: 0;
	}
	
	#sectionDescription .row .col-sm-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#sectionDescription .col-sm-6 > div:nth-child(n+2) {
		padding-top: 1.5em;
	}
	
	#sectionDescription .col-sm-6:last-child {
		padding-left: 15px;
		padding-top: 1.5em;
	}
	
	#sectionDescription .col-sm-6:last-child > div h4 {
		font-size: 4.55vw;
	}
}

@media screen and (max-width : 705px) {
	#Primary_Menu .menu .menu-link {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#sectionImageOver .forme {
		width: 100%;
		-webkit-border-radius: unset;
		border-radius: unset;
	}
	
	#sectionImageOver .forme2 {
		visibility: hidden;
	}
	
	#sectionImageOver .imgSecondaire .img-zoom img {
		height: auto;
	}
	
	#sectionImageOver .imgSecondaire .img-zoom.hoverImg .img-overlay {
		-webkit-border-radius: unset !important;
		border-radius: unset !important;
	}
	
	#sectionImageOver.imgSquare .forme {
		width: 100%;
	}
	
	#sectionImageOver.imgSquare .forme2 {
		width: 100%;
	}
	
	#sectionImageOver.imgSquare .imgSecondaire {
		position: relative;
		height: 21vw;
	}
	
	#sectionImageOver.imgSquare .imgSecondaire > div:last-child > div:last-child {
		margin-left: 0;
	}
	
	#sectionImageOver.imgSquare .imgSecondaire > div:first-child {
		margin-bottom: 0;
		width: 33.33%;
	}
	
	#sectionImageOver.imgSquare .imgSecondaire > div:last-child {
		width: 66.67%;
		margin-right: 0;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire {
		height: 100%;
		flex-direction: row;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div:last-child {
		width: 66.67%;
		margin-right: 0;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div:last-child.mgRight {
		margin-right: 0;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div:first-child {
		width: 33.33%;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte {
		width: 100%;
		height: auto;
		left: 0;
		background-color: rgba(255,255,255,0.8);
		opacity: 0;
		pointer-events: none;
		z-index: 30;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		
		-moz-transition: transform 0.5s, opacity 0.5s;
		-webkit-transition: transform 0.5s, opacity 0.5s;
		-ms-transition: transform 0.5s, opacity 0.5s;
		-o-transition: transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte.showTxt {
		opacity: 1;
		
		-moz-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte > div {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte.showTxt > div {
		width: 100%;
		padding: 2em;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire .img-zoom {
		width: 50%;
		height: 100%;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire .img-zoom img {
		width: 100%;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire .img-zoom img.mgTop {
		margin-top: -11.113vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:first-child {
		top: unset;
		right: unset;
		bottom: -10%;
		left: 5%;
		width: 26.952vw;
		height: 26.952vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:nth-child(2) {
		top: unset;
		right: unset;
		left: 26%;
		bottom: -10%;
		width: 33.901vw;
		height: 33.901vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:last-child {
		bottom: -14%;
		right: 5%;
		width: 40.568vw;
		height: 40.568vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:first-child .img {
		width: 23.405vw;
		height: 23.405vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:nth-child(2) .img {
		width: 30.355vw;
		height: 30.355vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:last-child .img {
		width: 37.022vw;
		height: 37.022vw;
	}
}

@media screen and (max-width : 673px) {
	footer .footer-link:first-child {
		padding-bottom: 1em;
	}

	footer .footer-link:first-child .col-md-5ths {
		padding-bottom: 0.5em;
	}
}

@media screen and (max-width : 670px) {
	header {
		height: 87px;
	}
}

@media screen and (max-width : 577px) {
	/*#sectionImages > div:nth-child(2) {
		flex-direction: column-reverse;
	}
	
	#sectionImages > div:nth-child(2) > .texte {
		width: 100%;
		padding: 2em;
	}
	
	#sectionImages > div:nth-child(2) > .texte h2 {
		font-size: 5vw;
	}
	
	#sectionImages > div:nth-child(2) > div:last-child {
		flex-direction: row;
		width: 100%;
	}
	
	#sectionImages > div:last-child > img {
		width: 100%;
	}*/
	
	#sectionCol2 #Col2 > div:first-child {
		display: none;
	}
	
	#sectionCol2 #Col2 > div:last-child {
		width: 100%;
		height: 100%;
		padding-top: 0;
	}
	
	#sectionCol2 #Col2 > div:last-child p.date {
		font-size: 3.5vw;
	}
	
	#sectionCol2 #Col2 > div:last-child .carousel {
		width: 100%;
	}
	
	#Massotherapie-esthetique #sectionImage .row .col-sm-6,
	#Groupes-affaires #sectionImage .row .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	#sectionDescription .col-sm-6 > div h4 {
		font-size: 3vw;
	}
	
	#sectionAdresse .adresse > div {
		width: 100%;
	}
	
	#sectionAdresse .adresse .infos {
		padding-top: 1.5em;
	}
	
	#sectionAdresse .adresse .adresseRestaurant {
		margin-top: 2em;
	}

	footer .footer-link:last-child {
		padding-bottom: 1em;
	}

	footer .footer-link:last-child .col-md-5ths {
		padding-bottom: 0.5em;
	}
}

@media screen and (max-width : 545px) {
	#sectionTitreTexte.liste ul {
		position: initial;
		padding: 0 1em;
	}
	
	#sectionTitreTexte.liste ul li {
		max-width: 100%;
	}

	#sectionTitreTexte .texte p,
	#sectionTitreTexte.liste .texte p	{
		width: 100%;
	}
	
	#sectionTitreTexte.liste.sousTitre {
		height: auto;
	}
	
	#sectionTitreTexte.liste.sousTitre .texte {
		width: 100%;
	}
}

@media screen and (max-width : 517px) {
	.wrapper img {
		width: 100%;
	}
	
	#banniere .logo {
		width: 52.982%;
		margin-bottom: 1.5em;
	}

	#sectionImageOver.imgRonde .imgSecondaire > div:first-child {
		margin-bottom: 1.2em;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:last-child {
		bottom: -13%;
	}

	footer .footer-wrapper .row.pt-4 .num-tel {
		padding-top: 0.5em;
	}
}

@media screen and (max-width : 510px) {
	#Primary_Menu .menu .logo {
		right: auto;
	}
	
	#Primary_Menu .menu .logo img {
		float: none;
		margin: 0 auto;
	}

	#Primary_Menu .menu .menu-link {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
}

@media screen and (max-width : 510px) and (max-height : 990px) {
	#Primary_Menu .menu ul {
		margin-bottom: 0;
	}
	
	#Primary_Menu .menu ul li {
		min-height: 40px;
		padding: 10px 15px;
	}
}

@media screen and (max-width : 510px) and (max-height : 790px) {
	#Primary_Menu .menu .social-network ul li.icon-fb,
	#Primary_Menu .menu .social-network ul li.icon-insta {
		width: 70px;
	}
	
	#Primary_Menu .menu ul li {
		min-height: 30px;
		padding: 5px 15px;
	}
}

@media screen and (max-width : 510px) and (max-height : 675px) {
	#Primary_Menu .menu .menu-link {
		padding-top: 2.5em;
	}
	
	#Primary_Menu .menu ul li {
		min-height: 25px;
		padding: 3px 15px;
	}
}

@media screen and (max-width : 510px) and (max-height : 550px) {
	#Primary_Menu .menu .logo img {
		width: 50%;
	}
}

@media screen and (max-width : 450px) {
	header #icon-mobile {
		padding-left: 1em;
		padding-right: 1em;
	}

	button.burger {
		font-size: 80%;
		width: 85px;
	}
	
	button.burger > span {
		width: 30px;
		height: 20px;
	}
	
	header #icon-mobile > div {
		padding: 0 0 0 0.245em;
	}
	
	header #icon-mobile > div ul li {
		padding: 0 0.245em;
	}
	
	header #icon-mobile > div ul li a {
		font-size: 80%;
	}
	
	#sectionTitreTexte h1,
	#sectionTitreTexte h2,
	#sectionCol2 h1,
	#sectionCol2 h2,
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte > div h3 {
		font-size: 7vw;
	}
	
	#sectionTitreTexte h3,
	#sectionCol2 h3 {
		font-size: 5.5vw;
	}
	
	#sectionDescription .col-sm-6 > div h3 {
		font-size: 6.5vw;
	}
	
	#sectionDescription .col-sm-6 > div h4 {
		font-size: 5vw;
	}
	
	#sectionDescription .col-sm-6:last-child > div h4 {
		font-size: 6.5vw;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire > div:first-child {
		margin-bottom: 1em;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:last-child {
		bottom: -12.5%;
	}
	
	#sectionImageOver.imgSquare.titreTexte .imgSecondaire > div.texte.showTxt > div {
		padding: 1em 2em;
	}
	
	/*#sectionImages > div:nth-child(2) > .texte h2 {
		font-size: 7vw;
	}*/
	
	#sectionCol2 #Col2 > div:last-child p.date {
		font-size: 4.5vw;
	}
}

@media screen and (max-width : 405px) {
	footer .footer-link .col-md-5ths,
	footer .footer-wrapper .row.pt-4 .col-md-5ths {
		width: 100%;
		text-align: center;
	}
	
	footer .row.pt-4 .col-md-5ths:first-child {
		padding-bottom: 1em;
	}
	
	footer .row.pt-4 .offset1 img,
	footer .row.pt-4 .num-tel a	{
		margin: 0 auto;
	}
}

@media screen and (max-width : 370px) {
	#sectionImageOver.imgRonde .imgSecondaire > div:first-child {
		margin-bottom: 0.8em;
	}
	
	#sectionImageOver.imgRonde .imgSecondaire .img-zoom:last-child {
		bottom: -12%;
	}
}

@media screen and (max-height : 500px) {
	#banniere #carte iframe {
		height: 70vh;
	}
}