

/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	.nested ul.firstLevel li:not(:first-child) {
		margin: 0 0 0 28px;
	}
	body.home .headerHomePage .blocWidget .widgetSpecialMenu {
		width: 300px;
		height: 300px;
	}
	body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content h3 {
		font-size: 1.5rem;
	}
	body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content .typo {
		font-size: 3.8rem;
	}
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.nested ul.firstLevel li:not(:first-child) {
		margin: 0px 0 0 14px;
	}
	body.home .homeOne .sideBar {
		top: -70%;
	}
	body.home .headerHomePage .text span {
		font-size: 4.8rem;
	}
	body.home .headerHomePage .text h1 {
		font-size: 5.2rem;
	}
	body.home .homeThree .text p {
		margin-bottom: 10px;
	}
	body.home .homeThree .text span {
		margin-bottom: 0px;
	}
	body.home .homeThree .text {
		margin-bottom: 20px;
	}
	body.home .homeFour .content p.firsttitle, body.home .homeFive .text h2{
		font-size: 4.5rem;
	}
	body.home .homeFour .content p.secondtitle, body.home .homeFive .text span{
		font-size: 3.8rem;
	}
	body.home .headerHomePage .content-base .content h3{
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	body.home .headerHomePage .content-base .content .typo {
		font-size: 3.8rem;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	body.home .headerHomePage .content-base .content p {
		margin-top: 10px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.headerPage .text .container h1 {
		font-size: 3.8rem;
	}
}

/*02 TABLETTE*/
@media screen and (max-width: 992px), (max-device-width: 992px){
	.md-text-center{
		text-align: center;
	}
	.page-template-page-carte section#contents:nth-of-type(2n)::after {
		content:;
		display: none;
	}
	.page-template-page-carte section#contents:first-of-type::after {
		content: ;
		display: none;
	}
	.pageContact .blocImage {
		height: 100%;
		width: 100%;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		z-index: 2;
		position: relative !important;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		border-bottom: 10px solid var(--color03);
	}
	.pageContact .infoSup {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: auto;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
		.pageContact .infoSup .phone{
			margin-bottom: 25px;
		}
	.pageContact .blocMap {
		height: auto;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	body.home .homeThree::before {
		display: none;
	}
	body.home .homeFour .content p.firsttitle {
		font-size: 3.6rem;
	}
	body.home .homeFour .content p.secondtitle {
		font-size: 3rem;
	}
	body.home .homeOne .sideBar {
		position: relative;
	}
	body.home .homeOne h2 {
		font-size: 3.5rem;
		text-align: center;
	}
	body.home .homeOne .text span.typo {
		font-size: 3.7rem;
		text-align: center;
		margin-bottom: 0.5rem;
	}
	body.home .headerHomePage .text {
		-webkit-transform: translateY(0%);
		    -ms-transform: translateY(0%);
		        transform: translateY(0%);
		top: initial;
		bottom: 0;
	}
	.nested ul.firstLevel li:not(:first-child) {
		margin: 0 0 0 12px;
	}
	body.home .headerHomePage .text h1 {
		font-size: 4rem;
		text-align: center;
	}
	body.home .headerHomePage .text span {
		font-size: 3.5rem;
	}
	body.home .headerHomePage .text a.bouton1 {
		margin: 0px;
	}
	body.home .headerHomePage .blocWidget .widgetSpecialMenu {
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
		margin: 15px 0px;
	}
	body.home .homeOne .text p {
		text-align: center;
	}
	body.home .homeFive .text h2 {
		font-size: 3.5rem;
		text-align: center;
	}
	body.home .homeFive .text span {
		font-size: 3.7rem;
	}
	.headerPage .text .container h1.quichesans {
		font-size: 2.7rem;
	}
	body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content {
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
		width: 100%;
	}
		body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content h3{
			margin-bottom: 10px;
			font-size: 1.4rem;
		}
		body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content .typo{
			margin: 5px 0px;
			font-size: 3.2rem;
		}
		body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content p{
			margin: 0px 0px 40px 0px;
		}
	body.home .homeFive .image {
		top: 0%;
		-webkit-transform: translateY(0%);
		    -ms-transform: translateY(0%);
		        transform: translateY(0%);
	}
	body.home .homeTwo .vignetteItem {
		height: 300px;
		margin-bottom: 35px;
		/* width: 100%; */
	}
	body.home .homeTwo .vignetteItem .content {
		top: 20%;
	}
	body.home .homeThree .text h2 {
		font-size: 3.5rem;
	}
	body.home .homeTwo {
		margin-bottom: 0px;
	}
	body.home .headerHomePage .blocWidget {
		margin-top: 70px;
	}
		body.home .headerHomePage .base {
			/* width: 300px; */
		}
	body.home section#contents {
		padding: 80px 0px 50px 0px;
	}
	.page-template-page-offrir .confianceBloc .iconList .col-lg-4{
		margin-bottom: 25px;
	}
	.page-template-page-offrir .blocAccroche .content p.firsttitle {
		font-size: 4rem;
	}
}
/*03 MINI-TABLETTE*/
@media screen and (max-width: 768px), (max-device-width: 768px){

	.page-template-page-carte .blocAncre{
		position: relative;
		bottom: 0;
		transform: none;
		left: 0;
		margin-bottom: 20px;
	}
	.page-template-page-carte #contents{
		padding: 20px 0 0px 0px;
	}
	.blocMenu.p-5{
		padding: 2rem 0 !important;
	}
	.slider-text-container{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	body.home .homeTwo .vignetteItem .content {
		top: 5%;
	}
	body.mm-wrapper_opening .mobile-buton span{
		display: none;
	}
	body.mm-wrapper_opening .mobile-buton::before{
		-webkit-transform: rotate(45deg) translate(2px,0);
		    -ms-transform: rotate(45deg) translate(2px,0);
		        transform: rotate(45deg) translate(2px,0);
	}
	body.mm-wrapper_opening .mobile-buton::after{
		-webkit-transform: rotate(-45deg) translate(2px,0);
		    -ms-transform: rotate(-45deg) translate(2px,0);
		        transform: rotate(-45deg) translate(2px,0);
	}
	.mm-menu_offcanvas {
	    z-index: 9999 !important;
	}
	.xs-justify-start{
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start;
	}
	#header .logo {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.headerPage .text .container h1 {
	    font-size: 2.7rem;
	}
	.page-template-page-carte h2.titlePeriod {
	    font-size: 3.5rem;
	}
	.headertopBar a.contact, .headertopBar a.hotelLink {
		margin-left: 0px;
	}
	.page-id-374 section #contentsInner{
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-template-page-carte .blocAncre a.bouton3, .page-template-page-carte .blocAncre a.bouton1 {
		padding: 7px 30px 7px 30px;
	}
	.page-id-320 section #contentsInner{
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-id-320 section #contentsInner .pageContact .blocForm{
		padding: 35px 25px;
	}
	.page-id-320 section #contentsInner .pageContact .blocForm h2 {
		font-size: 2.7rem;
	}
	body.home .headerHomePage .text h1 {
		font-size: 3rem !important;
		text-align: center;
	}
	body.home .homeOne .sideBar{
		top: 0;
    position: relative;
	}
	body.home .homeTwo .vignetteItem{
		width: 100%;
	}
	body.home .headerHomePage .text span {
		font-size: 2.5rem;
		text-align: center;
		line-height: 1.2;
	}
	.headertopBar .container{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	body.home .homeOne h2 span {
		display: inline-block;
	}
	body.home .homeFive .text span, body.home .homeThree .text span{
		line-height: 0.8;
	}
	body.home .headerHomePage .blocWidget .widgetSpecialMenu .blocSpecialMenu .content p {
		margin: 0px 0px 20px 0px;
	}
	body.home .homeOne .sideBar {
		padding: 0px !important;
	}
	.page-template-page-offrir .blocAncre a {
		padding: 7px 30px 7px 30px !important;
		text-align: center;
	}
}	
	@media screen and (max-width: 500px), (max-device-width: 500px){
		.headertopBar .container{
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
	body.home .homeTwo .vignetteItem{
		width: 100%;
	}

	body.home .homeTwo .vignetteItem .content h3 {
		font-size: 3rem;
	}
	body.home .homeTwo .vignetteItem .content h3 span {
		font-size: 3rem;
		line-height: 4rem;
	}
	.headerPage .text .container div.title {
		bottom: 20%;
	}
	
	body.home .headerHomePage .content-base .content h3 {
		font-family: 'ml', sans-serif;
		color: var(--color00);
		font-size: 1rem;
		margin-bottom: 0px;
		line-height: 20px;
		text-align: center;
	}
	body.home .headerHomePage .content-base .content .image {
		min-height: 20px;
		min-width: 80%;
	}
	body.home .headerHomePage .content-base .content .typo {
		font-family: 'avb', sans-serif;
		color: var(--color00);
		font-size: 3.5rem;
		margin-top: 5px;
		margin-bottom: 5px;
		line-height: 2.2rem;
	}
	body.home .headerHomePage .content-base .content p {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	body.home .headerHomePage .base {
		width: 300px;
	}
	
}
@media screen and (max-width: 365px), (max-device-width: 365px){
	body.home .headerHomePage .content-base .content .image{
		display: none;
	}
}