@media screen and (min-width: 1745px) 
{
	.navigmenu .navdown
	{
		top: 80px;
	}
}

@media screen and (min-width: 1024px) 
{	

	
	.boxDev
	{
		position: relative;
	}

	.boxDev::before 
	{
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		z-index: -1;
		border-radius: 50%;
	}

	.boxDev::before 
	{
		box-shadow: 0 0 0 var(--tertiary-color);
		animation: pulse 3s infinite;
	}
	#boxCta
	{
		display: inline-block;
		position: fixed;
		top: 10%;
		right: 0px;
		background : var(--secondary-color);
		transform: translate(100%,-50%);
		z-index: 50;
		padding: 0px 5px;
		transition: all 0.4s;
		opacity: 0;
	}

	#boxCta .tellink a::after
	{
		display: none;
	}

	#boxCta .linkbox, #boxCta .telbox
	{
		display: inline-block;
	}

	#boxCta .tellink a, #boxCta .linkbox
	{
		font-size: 15px;
	}

	#boxCta .btn-cta
	{
		margin: 0px;
		background: var(--secondary-back-color);
	}

	#boxCta .tellink a, #boxCta .btn-cta
	{
		text-transform: uppercase;
		font-family: var(--font-subtitle);
		color: var(--back-color)!important;
		padding: 15px 10px;
	}

	#boxCta .boxDev
	{
		width: 50px;
		height: 50px;
		background: var(--text-color);
		border-radius: 50%;
		display: inline-block;
		position: absolute;
		left: -50px;
		top: 50%;
		transform: translate(-50%,-50%);
		background-image:url(../images/icons/info.svg);
		background-size:105%;
		background-position:center center;
		background-repeat: no-repeat;
		box-sizing: border-box;
		cursor: pointer;
	}

	.menuDropRight
	{
		transform: translate(0%,-50%)!important;
	}
	/*------------*/
	#hotel-cta #slogan-title
	{
		font-size: 75px;
	}
	#xsections h2::after
	{
		content: '';
		opacity: 0;
		width: 25%;
		height: 4px;
		position: absolute;
		bottom: 0%;
		left: 50%;
		opacity: 1;
		background: var(--back-color);
		transform: translateX(-50%) skew(0deg);
		transition: all 0.6s;
		z-index: 1;
	}
	.home .menuCache
	{
		background: #786c5d!important;
		border-bottom: 2px solid var(--tertiary-color);
	}
	.navigmenu .naviglink.lvl-2{
		text-align:left;
	}
		/*ACTIVE MENU*/
	#xnav .social 
	{
    background: none;
    border: none;
 }
	#xnav .social::after
	{
		display: none;
	}
	/*FIN MENU*/
	.template-contact-php #xcontact .tc_content.perso
	{
		margin:0px!important;
	}
	.liens-ats ul 
	{
		position: absolute;
	}
}

@media screen and (max-width: 1055px) 
{
	.nohome .addressDiv li
	{
		display: block!important;
	}

	#xheader .phonea.show:after, #xheader .phonea.hide:after {
		display: none;
	}
}

@media screen and (max-width: 1024px) 
{
	/*--------------------------------------------*/
	table thead tr:first-child
	{
		display: inline-flex!important;
		width: 100%!important;
		padding-bottom: 10px!important;
	}
	/*--------------------------------------------*/
	.contentGallery
	{
		grid-template-columns: repeat(2,1fr);
	}
	iframe
	{
		height: 450px;
	}
	.adresseDiv
	{
		box-shadow: 0px 10px 20px #00000038;
	}
	.adresseBloc
	{
		flex-direction: column;
	}
	table tr:first-child
	{
		display: none!important;
	}
	#xcertifications .listelemul
	{
		flex-direction: column;
	}
	table td,table th
	{
		display: block!important;
		min-width: 100%!important;
	}
	.nohome #xcontent table td:not(:first-child) p, .nohome #xcontent table td
	{
		text-align: center!important;
	}
	.nohome #xcontent table td:first-child p
	{
		text-transform: uppercase;
	}
	.header-trigg .adresseDiv
	{
		padding-top: 200px!important;
		position: absolute;
		z-index: 15;
	}
	.adresseDiv
	{
		background-color: var(--discret-color);
	}
	.logoHeader
	{
		display: none!important;
	}
	.nohome #xcontent .content
	{
		padding: 25px;
	}
	.sectionsbloc .thumbgsecteurs
	{
		display: none;
	}
	#xheader .lang, #xheader .share-buttons
	{
		padding: 0px;
		margin-top: 32px;
	}
	#flags
	{
		display: inline-block;
	}
	 #xheader .hero-content
	{
		position: absolute;
		top: 0px;
		min-width: 100%;
		z-index: 16;
	}
	.nohome #xcontent
	{	
		margin-top:150px;
	}
	/*----------------------------------------------------------------------*/
	/*----------------------------- ************ -----------------------------*/
	/*----------------------------------------------------------------------*/
	#xactu .liresuite .button
	{
	min-width: 80%;
	}

	.thumbgsecteurs::before
	{
		display: none;
	}
	.adresseContact, .telContact
	{
		box-shadow: none;
		background:transparent;
	}
	#xform-devis #enteteform
	{
		
		background:var(--discret-color);
	}

	/*----------------------------------------------------------------------*/
	/*----------------------------- ************ -----------------------------*/
	#xreassurance .picto-container
	{
		flex-direction: column;
	}
	/*----------------------------------------------------------------------*/

	.logoResponsive
	{
		text-align: center;
	}
	.nohomelogo
	{
		display: inline-block;
	}
	#hotel-cta
	{
		min-height: 600px;
	}
	.navigmenu .navigtoogle.has-child .navdownwrapper a
	{
		margin: 5px auto;
	}

	#openHoraire::after, .adresseIco::after
	{
		position: initial;
	}
	.navigtoogle.has-child>a::after
	{
		left: initial;
		right: -50px;
		bottom: initial;
	}
	.blc_checkbox:not(.formprivacy_chk)
	{
		max-width: 100%;
		text-align: center;
	}

	.blc_checkbox:not(.formprivacy_chk):first-child::before
	{
			text-align: center;
			left: 50%;
			transform: translateX(-50%);
	}

	.nohome .blocthumb .imgUne
	{
		padding: 0px;
	}
	/*-----------------------------------------------------------------------*/
/*--------------------------- 	MENU DROP SKEW  ----------------------------*/
/*-----------------------------------------------------------------------*/
	.ckmenu-nav 
	{
		height: 100vh;
		background: var(--secondary-back-color);
	}		
	#xnav .navigmenu .naviglink.lvl-0 
	{
		top: 0%;
		transform: translateY(0%);
		display: inline-block;
	}
	#xheader .navigmenu 
	{
		margin-top: 50vh!important;
		transform: translateY(-50%);
		min-height: 70%;
	}
	@keyframes menuDropSkew {
		0%   
		{
			transform: translateY(-100%) skewY(-25deg); 
		}
		100% 
		{
			transform: translateY(0%) skewY(0deg); 
		}
	}

	@keyframes menuDropSkewAfter {
		0%   
		{
			transform: translateY(-100%) skewY(-25deg);
		}
		20%   
		{
			transform: translateY(-100%) skewY(-25deg); 
		}
		100% 
		{
			transform: translateY(0%) skewY(0deg); 
		}
	}

	.ckmenu-nav::before
	{
		content: "";
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: var(--secondary-color);
	}

	.ckmenu-nav::after
	{
		content: "";
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: var(--primary-color);
	}

	.navigmenu
	{
		z-index: 3;
	}


	.menuDropSkew::before
	{
		transition: all 0.4s;
		transition-timing-function: ease-in;
		animation: menuDropSkew 1.5s;
	}

	.menuDropSkew::after
	{
		transition: all 0.4s;
		transition-timing-function: ease-in;
		animation: menuDropSkewAfter 1.5s;
	}

	.navigmenu .navigtoogle.has-child .navdownwrapper a:hover
	{
		color:var(--primary-color);
	}
	#navig
	{
		position: absolute!important;
		top: 0px;
	}
	.adresseDiv
	{
		padding-top: 45px!important;
	}
	#xnav .grid-no-Gutter-equalHeight
	{
		flex-direction: column-reverse;
	}
	.nohomelogo 
	{
		max-width: 100%!important;
		margin: 50px auto;
		width: 300px;
		/* display: none!important; */
	}
	#menuSpe 
	{
		display: none;
	}
	.nohome .infohead
	{
		border-bottom: none!important;
	}	
	.infohead .logoDiv
	{
		display: none;
	}
	.nohome .logoResponsive
	{
		display: block!important;
		width: 100%;
	}
	#xheader .telIco::after, #xheader .adresseIco::after, #openHoraire::after
	{
		left: 50%!important;
		transform: translateX(-50%);
		top: -32px;
		position: absolute;
	}
	#xheader .telIco, #xheader .adresseIco, #openHoraire
	{
		padding: 0px;
		margin-top: 48px;
		text-align:center;
	}
	#xheader .tellink a.phonea 
	{
		padding:0px!important;
	}
	.infohead
	{
		margin-top: -2px;
		max-height: 0px;
		padding: 0px;
		border:0px;
		box-sizing: border-box;
		overflow: hidden;
		transition: all 0.4s;
	}
	#info-toogle
	{
		display:inline-block;
		z-index: 1;
	}
	#xsections .sectionsbloc 
	{
    max-width: 100%;
	}
	.hero-menu
	{
		padding:2em !important;
	}
	.home #xactu .textSection
	{
		padding: 0px;
	}
	.ckslidercontrols .prev
	{
		left: 0px;
	}
	.textAccroche
	{
		text-align: center!important;
	}
	.page-php .blocthumb img, .single-php .blocthumb img 
	{
    margin-top: 0px;
	}

	.sectionscont 
	{
    padding: 0px;
	}

	.navigmenu .navdown 
	{
		position: static;
		margin: 0 auto;
		max-width: 100%;
		min-width: 100%!important;
		transform: translateX(0);
		padding: 15px!important;
	}
	
	.article_content .tc_content ul li, .article_content .tc_content ol li 
	{
		margin-left: 40px;
	}
	#xinfocontact .tellink 
	{
		padding-left: 0px;
	}
	.template-contact-php .tc_content.perso li
	{
		list-style: none;
	}
	.template-contact-php .tc_content.perso::after
	{
		display: none;
	}
	.template-contact-php #xinfocontact
	{
		margin:0 auto;
		text-align: center;
	}
	.homelogo
	{
		transform: translateX(0px);
	}
	#xheader .naviglink.lvl-0
	{
		padding:0px!important;
		color: var(--back-color);
		font-size: 20px!important;
	}

	#xsections .big
	{
		float: none!important;
	}
	ul.picto-container 
	{
		justify-content: center!important;
	}
	.homelogo
	{
		width:400px;
	}
	.sharesocialhead
	{
		display: none!important;
	}

	.contentsections:before, .contentsections::after
	{
	left: 50%!important;
	right: initial!important;
	top: -50px!important;
	transform: translateX(-50%)!important;
	}

	.contentsections::after
	{
		transform: translateX(-50%) rotate(-45deg)!important;
	}

	.head-deco
	{
		display: none;
	}
	#xheader{
		min-height:auto;
	}
	#xheader .homelogo{
		margin:0 auto;
	}
	.navigmenu .active .naviglink.lvl-0{
		padding-left:0;
		color: var(--secondary-color);
	}
	.home-text{
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.home-text #bloctxthome{
		width:90%;
		margin:0 auto;
	}
	.home-text .cekome-stars{
		margin:0 auto;
	}

	#xsections .contentsections{
		width:100%;
		box-sizing: border-box;
		padding: 50px 20px;
	}
	#xheader{
		border-radius:0;
		padding-bottom:0;
		position: relative;
	}
	#xsections{
		padding:0;
	}
	.sectionsbloc .contentsections a.button{
		float:none;
		text-align: center;
	}
	.liens-ats li
	{
		margin-left:15px;
	}
	.sharesocialhead
	{
		margin-top:10px;
		text-align: left;
	}
	.sectionsbloc 
	{
		padding: 0px 0 0;
	}
	#slogan-sub span
	{
		font-size: 32px;
	}
	#sloganhead 
	{
		font-size: 40px;
	}	
	#menuSpe
	{
		display: none;
	}
	.navigmenu .navigtoogle .navdown a:hover
	{
		color: var(--primary-color)!important;
	}
	.infoouverture 
	{
		padding: 10px;
		line-height: 30px;
		z-index: 15;
	}
	#arrow-ck 
	{
		bottom: 5px;
	}
	.button 
	{
		margin-left:0px;
	}
	.akismet_comment_form_privacy_notice 
	{
		padding: 0px;
		text-align: center;
	}

	.navigmenu 
	{
		margin: 3vh 0px!important;
	}
	.navigmenu .navdown 
	{
		padding:0px;
	}
	.navigmenu .navigtoogle {
		position: relative;
		margin: 10px 5px;
	}
	.contentckslidertext 
	{
		padding:0px;
		padding-bottom: 15px;
	}
	.nohome .ratingArticle
	{
		margin:0 auto!important;
		text-align: center;
	}
	.forcedwidth  .presta-anim
	{
		min-width: 50%;
	}
	.menuprimary .lvl-0:hover 
	{
		background:none;
	}
	#xform-devis
	{
		padding: 32px;
	}
	.ckmenu-toogle .ckmenu-line 
	{
		margin:5px auto!important;
	}
	#bloctxthome h2 
	{
		text-align: left;
	}
	#xsections .wrapper 
	{
		padding: 0px 0px!important;
	}
	.sectionsbloc .thumbsections .blocthumb 
	{
		max-height: 500px;
		padding: 0px;
		position: static;
		text-align: center;
		overflow: hidden;
	}
	.sectionscont
	{
		margin:0px;
	}
	.sectionsbloc img 
	{
		max-width: 100%;
		margin: 0 auto;
	}
	#xsections h2
	{
		padding-right: 0px;
		text-align: left;
	}
	#xactu .icone-petite
	{
		left: 25px;
	}
	#formhead {
		padding-right: 0 !important;
	}
	#formhead #xform {
		margin-bottom: 0 !important;
	}
	#xnav {
		-webkit-transform: inherit;
		-moz-transform: inherit;
		-ms-transform: inherit;
		-o-transform: inherit;
		transform: inherit;
		height: 100%;
	}
	#navig{
		width: 100%;
		margin: auto;
		padding: 0px!important;
	}
	.ckmenu{
		z-index: 99999;
	}
	#singlepage .slideparent .blocthumb {
		display: none !important;
	}

	.navigmenu .navbloctitle{
		display: none !important;
	}

	#singlepage #xpagechild li{
		margin-bottom: 0 !important;
	}
	.ckmenu-toogle
	{
	max-width: 50px;
	}
	
	.adressehead{
		text-align: center;
		padding: 0px 10px !important;
		background: #fff;
		margin: 0 10px;
	}

	.cksliderwrap:hover .ckslidercontrols .prev{left: 0;}
	.cksliderwrap:hover .ckslidercontrols .next{right: 0;}

	#xheader .visu {margin-top: 0px !important;}
	#xheader .navigtoogle.logo {display: none;}
	.navigtoogle.menuprimary:nth-child(2), .navigtoogle.menuprimary:last-child {border-radius: 0 !important;}

	#xlogo a img {max-width: 130px;padding: 0;margin: 0;}
	.addr {bottom: 0 !important;}
	.col-3_md-12.tel {text-align: center;margin-top: 10px;margin-bottom: 20px;}
	#singlepage .ck_singlepage_content a.title_lk span.subtitle {font-size: 40px; }
	.page h1 {text-align: center;}

	#xheader .phonea{
		padding:0 !important;
	}

	#headgarenti{
	    right: 50%;
	    margin-right: -150px;
	}


	.share-buttons{
		box-sizing: border-box;
	}

	.navigmenu .navigtoogle .naviglink.lvl-0.traitfat::before{
		content:none;
	}
	.ckinfo-nav{
		width: 100%;
		position: fixed;
		left: 0;
		z-index: 99;
		max-width: 260px;
		background: #fff !important;
		top: 0;
		height: 100%;
		overflow: auto;
		overflow-x: hidden;
		box-shadow:0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);

	}

	.homepresta .listpageul li .containListPage .blocthumb img{
		display: none !important;
	}
}
@media screen and (max-width: 750px) {
	#xsections .sectionsbloc {
		min-width: 100% !important;
	}
	
}
@media screen and (max-width: 720px) 
{
	.home #xtext::before
	{
		left: 50%;
		transform:translateX(-50%);
	}
	#blocimghome img
	{
		height: auto!important;
	}
	:root
	{
		--font-big: 40px;
		--font-medium: 26px;
		--font-regular: 16px;
	}
	.footerCta
	{
		position: static;
		margin: 32px auto;
		transform: initial;
		width: 350px;
		max-width: 80%;
	}
	#xfooter
	{
		border: none;
	}
	.template-contact-php .form_contact 
	{
		max-width: 100%;
		margin-left: 0%!important;
	}
	.template-contact-php #xform:after
	{
		display: none;
	}
	#xprestations .listpageul li
	{
		padding: 0px;
	}
	#slogan-title
	{
		font-size:40px;
	}
	#slogan-sub span
	{
		font-size: var(--font-big);
	}
	.adresseDiv
	{
		padding-top: 100px!important;
	}
	#xprestations .prev
	{
		left: 0px;
	}
	#xprestations .next
	{
		right: 0px;
	}
	.nohomelogo 
	{
		max-width: 50%!important;
		margin: 50px auto 50px auto!important;
		display: inline-block;
	}
	.home .sectionsbloc .contentsections
	{
		padding:10px!important;
		margin:0px!important;
	}
	.cekome_form .blc_select::before
	{	
		content:"Objet du message";
		display: block;
		margin-bottom:5px;
		text-align:center;
		text-transform: uppercase;
	}

	.cekome_form .blc_select
	{
		margin:0 auto;
		text-align: center;
	}
	#xcontact #xform 
	{
		padding:0px!important;
	}
	.addressDiv
	{
		padding:0px;
	}
	#xheader .tellink::after,.addressInfo:after
	{
		position:relative;
		margin:0 auto;
		top: -70px;
	}
	#openHoraire::after
	{
		margin:0 auto;
		top: 0px;
	}

	h1{line-height: 120% !important;}
	h2{text-align: left;}
	h3{font-size: 1.4em !important;}
	h4{font-size: 1em !important;}
	h5{font-size: 0.9em !important;}
	h6{font-size: 0.8em !important;}


	.sectionsbloc.odd,.sectionsbloc.even,.sectionsbloc:last-child{
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	#xsections {
		margin-bottom: 0 !important;
	}

	.sectionsbloc .thumbsections .blocthumb {
		text-align: center;
		overflow: hidden;
	}

	.sectionsbloc.even .thumbsections img, .sectionsbloc.odd .contentsections {
		margin-right: 0 !important;
	}

	.contentckslidergallery{width: 170px;right: 2em;padding: 30px 7px;}
	.blockslidecontent .gallery .gallery-item .gallery-icon a img{max-width: 70px;}
	.blockslidecontent .gallery .gallery-item{margin-bottom: 5px !important;}

	.sectionsbloc img{
		max-width: 100%;
	}

	.wc_payment_methods li{
		padding-top: 0px;
	}

	.wc_payment_method .ckBoxPay label{
		background-size: 35px;
		margin-top: -10px;
		padding-top: 10px;
		background-position: right 4px;
	}


	.entry-summary{
		width: 90%;
		margin: 20px 5%;
	}

	.woocommerce-product-gallery{
		margin: 0 auto;
		float: none;
	}

	/*** CUSTOM ***/
	#xfooter .footer-menu {display: block; }
	#xfooter .footer-menu, #xfooter a {text-align: center;}

	.sharelink span{
		display: none !important;
	}
	
	.footer-address .adresseIco::after 
	{
		margin-left: 0px;
	}
	.footer-address .adresseIco:after, .footer-address .telIco:after 
	{
		left:50%;
		top: -20px!important;
		right: initial;
		transform: translate(-50%,0%)!important;
	}
	.footer-address .adresseIco, .footer-address .telIco
	{
		margin-top:20px;
	}
	#hotel-cta #reaPerso .contentReaPerso div
	{
		width: 100px;
		height: 100px;
	}
	.logoCta 
	{
    max-width: 300px;
    box-sizing: border-box;
 }
	#reaPerso
	{
		margin-top:32px;
	}
	.nohome .contentsections
	{
		text-align: center;
	}
	.nohome .contentsections p
	{
		text-align: left;
	}
	.home ul.picto-container 
	{
		flex-direction: column;
	}
	#arrow-ck
	{
		display: none;
	}
	.template-contact-php .tc_content.perso li
	{
		list-style: none;
	}
	.template-contact-php .tc_content.perso::after
	{
		display: none;
	}
	.template-contact-php #xinfocontact
	{
		margin:0 auto;
		text-align: center;
	}
	.template-contact-php #xform
	{
		padding:50px 50px!important;
	}
	.template-contact-php #xtext .col.page .thumbtitle
	{
		margin:0px;
	}
	.home #xtext{
		background-position:bottom;
		padding: 15px;
	}
	.footer-nav .homelogo{
		margin:0 auto;
	}


	#xfooter{
		text-align:  center;
	}
	#xfooter::before{
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}

	.news-wrapper{
		display: block;
		max-width: 100%;
	}
	.news-wrapper img{
		max-width: 100%;
		height: auto;
	}
	.hotel-content{
		position: static;
		max-width: 100%;
		text-align: center;
	}

	.logoDiv img
	{
		background: #fff;
	}
	
	.galerieHome 
	{
		min-width: 100%;
	}
	#xheader .tellink a.phonea
	{
		padding: 0px!important;
	}
	.addressInfo:after 
	{
		top: -90px!important;
	}
	#xsections .sectionscont
	{
		padding:0px;
	}
	#hotel-cta .accroche 
	{
	max-width: 100%;
	/* padding: 100px 0px 500px 0px; */
	}
	.nohomelogo
	{
		margin: 35px auto;
	}
	.ckmenu-nav 
	{
		top: 0px;
		margin-top: 0px;
	}
	.homelogo
	{
		width: 250px!important;
	}
	#navig 
	{
		background: var(--primary-color);
		position:absolute;
	}

	.page h1 
	{
		padding: 30px 0px!important;
	}
	.article_content .tc_content 
	{
		padding: 10px;
	}
	#xsections .contentsections 
	{
		padding: 20px;
	}
	.ckslidercontrols .next
	{
		right:20px;
		/* top:70%; */
	}
	.ckslidercontrols .prev 
	{
		left:20px;
		/* top:70%; */
	}
	.nohome #xprestations h2 
	{
		 text-align: center;
	}
	#xprestations .liresuite 
	{
		margin: 0 auto!important;
	}
	.LogoContact a img 
	{
		max-width:90% !important;
	}
	.template-contact-php .tc_content.perso li {
		list-style: none;
		padding-left: 0px!important;
		margin-left: 0px !important;
	}
	.template-contact-php #xinfocontact .tellink a 
	{
		left: -1px!important;
	}
	.share-buttons
	{
		margin-top:-15px;
	}
	.addressInfo {
		padding: 0px!important;
	}
	.header-address
	{
		margin-right: 0px!important;
	}
	.addressDiv
	{
		padding:25px;
		flex:none;
		text-align: center!important;
		margin:0 auto!important;
	}
	.addressDiv .tellink a::after 
	{
		top: -34px!important;
		left: 40px!important;
	}
	.top-header
	{
		display: none!important;
	}
	.addressDiv
	{
		text-align: center!important;
		margin: 5px auto!important;
	}
	.addressDiv .share-buttons
	{
		float:none;
	}
	.logoDiv
	{
		padding-bottom: 15px;
	}
	.inflogohead
	{
		padding-bottom:25px;
		padding-left:10px;
		padding-right:10px;
	}
	#xactu .icone-petite
	{
		top: 20px!important;
		left: 10px!important;
	}
	#xheader .fusible {justify-content: center; }
	#xheader .fusible ul.header-address {display: flex; }
	#xheader .fusible ul.header-address li {margin-right: 10px; }

	.gallery .gallery-item 
	{
		width: 48% !important;
	}

	.picto-bloc
	{
		margin:0 auto;
		display: block!important;
	}

	#xactu .wrapper
	{
		max-width: 95%;
	}

	#xactu .icone-petite
	{
		left: -8px;
		top: -20px;
		width:50px;
		height: 50px;
	}

	#xagences_slider
	{
		padding-top:15px;
		padding-bottom:15px;
	}

}

@media screen and (max-width: 570px) 
{
	#singlepage .ck_singlepage_content a.title_lk span.subtitle 
	{
		font-size: 25px;
	}

}
@media screen and (max-width: 440px) {
	.gallery .gallery-item {
		width: 98% !important;
	}
}
@media screen and (max-width: 400px) {
	#singlepage .ck_singlepage_content a.title_lk span.subtitle {display: none; }
	#singlepage .tc_content{display: none !important;}
}

@media screen and (max-width: 900px) {
	.blockslidecontent {width: 100% !important;
	align-items: center;
	}
}

@media screen and (max-width: 780px) {
	.visu .contentVisu {top: 240px; }
}

@media screen and (max-width: 775px) 
{
	#calltoaction .intern .button {font-size: 30px !important;margin-left: 0 !important; }
	#calltoaction:hover .intern span {margin-left: 0 !important; }
}

@media screen and (max-width: 1200px) 
{
	.header-address li, #xheader .header-address
	{
		display: block!important;
	}
	
	#xheader .header-address li 
	{
		margin:15px 0px;
	}
}

@media screen and (max-width:670px)
{
	#route
	{
		display: none;
	}
}
@media screen and (min-width:768px)
{
		.nohome #xprestations::before
	{
		content: "";
		position: absolute;
		top: 150px;
		left: 50%;
		transform: translateX(-50%);
		width: 70%;
		height: 4px;
		background : var(--tertiary-color);
	}
}

@media screen and (max-width: 768px) 
{
	.nohome .ckmenu-toogle::after
	{
		text-align: center;
		position: static;
		margin:0 auto;
	}
	.nohome .ckmenu, .nohome .ckmenu-toogle
	{
		margin:0 auto!important;
		text-align: center;
	}
	#calltoaction
	{
		padding:30px 0;
	}

	ul.footer-menu li
	{
		margin-bottom:20px;
	}
	#xfooter li
	{
			text-align: center;
	}
	#xsections .sectionsbloc
	{
		width: 90% !important;
	}
	.template-contact-php .tc_content.perso li
	{
		list-style: none;
		padding-left: 0px;
	}

	.header-address{
		padding-left: 0 !important;
		background-image:none !important;
	}
	.header-sched{
		padding-left: 46px !important;
	}
	.hero-info{
		text-align: center;
		width:  100%;
		box-sizing:  border-box;
	}
	.meal-container{
		display:block;
	}
	.meal-content::before
	{
		border-width: 0 20px 34.6px 20px;
		border-color: transparent transparent var(--back-color) transparent;
		top: -2em;
		transform:translateX(-50%);
		left: 50%;
	}
	#xheader .header-phone 
	{
		padding-left: 0px;
		font-size: 14px;
	}
	.gallery 
	{
		-webkit-justify-content: center;
		justify-content: center;
	}
	#xform-devis p 
	{
		font-size:32px;
	}
	.forcedwidth  .presta-anim
	{
		min-width: 100%;
	}

	#xform-devis
	{
		padding: 10px 10px!important;
	}
	
	#xfooter .footer-address, .footer-sched, #xfooter .tellink a, #xfooter .footer-sched ul 
	{
		padding-left:0px!important;
	}
	#xfooter .footer-address::before 
	{
		content: '';
	}
	#xcontact 
	{
		padding-bottom:10px;
	}
	.nohome .imgUne h1 
	{
		text-align: center!important;
		background:#786c5d;
		color: var(--back-color);
		padding:10px!important;
	}
	.article_content .tc_content ul li, .article_content .tc_content ol li
	{
		margin-left:20px;
	}
	#xheader .visu {
		background-attachment: scroll;
	}
	article.hasthumb .imgUne {
		float: none !important;
		margin: auto;
		display: block;
	}
	.nohome article.hasthumb h1 {
		text-align: center !important;
		display: block !important;
		left: 0px !important;
		position: relative !important;
		right: 50px!important;
	}
	.gallery.gallery-columns-4 .gallery-item {
		width: 100% !important;
	}
	.hero-menu{
		display:block;
		padding: 2em 0;
		text-align:  center;
	}
}

@media screen and (max-width: 468px) {
	.home #xactu .ckctrldiv
	{
		display:none;
	}
}

@media screen and (max-width: 480px) 
{
	.contentGallery
	{
		grid-template-columns: repeat(1,1fr);
	}
	#xform-devis #enteteform
	{
		padding: 20px;
		box-sizing: border-box;
	}
	#enteteform .footerTitre p,#xform-devis p
	{
		font-size: 18px;
	}
	.wp-block-file .wp-block-file__button
	{
		display: block!important;
	}
	:root {
		--font-big: 30px;
		--font-medium: 20px;
		--font-regular: 12px;
	}
	.nohome #xcontent 
	{
		margin-top: 200px;
	}
	.nohomelogo 
	{
		margin: 120px auto 50px auto!important;
	}

	#enteteform>div 
	{
		padding: 0!important;
	}
	.cf_submit
	{
		background-image:none!important;
		padding: 10px 15px!important;
	}
	#xactu .actuwrap
	{
		padding: 5px;
	}

	.modal-content strong 
	{
		width: 100px;
		font-size: 13px;
	}
	#contenthor p
	{
		font-size: 13px;
	}
	.contentckslidertext{display: none;position: relative;left: 0;width: 100%;padding-bottom: 10px;max-height: inherit;margin: 0;}
	.contentckslidergallery{position: relative;width: 100%;top: 0;right: 0;padding: 0;background: none;height: initial;}
	.nextckslider a, .nextckslider a:hover{
		width: 100%;
		display: block;
	}
	.blockslidecontent .gallery .gallery-item .gallery-icon a img{max-width: 55px;}
}

@media screen and (max-width: 480px) {
	body.category .listarticleul>li
	{
		padding:5px;
	}
	.visu .contentVisu {
		flex-direction: column;
		max-height: none;
		width: 70%;
		margin: auto;
	}
	.blockslidecontent{
		left:0;
	}
	.blockslidecontent::before{
		content:none;
	}

}
@media screen and (max-width: 400px) {
	.gallery.gallery-columns-4 .gallery-item {
		width: 95% !important;
	}
}

@media screen and (max-width:480px){
	.newsletter .inputnewsletter input, .newsletter .submitnewsletter input{
		display:block;
		margin:1em 0;
		width: 100%;
		border-radius:10px;
	}
	.newsletter .noticenewsletter{
		width: 100%;
	}
	.newsletter .inputnewsletter, .newsletter .submitnewsletter{
		display: block;
	}
	#bloctxthome h2{
		font-size:1em;
		text-align: left;
		padding-left:50px !important;
	}

	.nextckslider{
		text-align: center;
		margin-top:2em;
	}
	.page h1{
		text-align: center;
	}
	.listpageul li{
		padding:0;
	}
}


@media screen and (min-width:1025px)
{
	.adresseBloc
	{
		justify-content: space-around!important;
	}
	.home .infohead 
	{
		position: absolute;
		z-index: 1;
	}
	.home .sectionscont:nth-child(even) .thumbsections 
	{
		text-align: right;
		order: 2;
	}
	.home .sectionsbloc img
	{
		transform: translate(0px, 163px);
		max-height: 300px;
		width: auto;
	}
	#xheader .telIco, #xheader .adresseIco, #openHoraire, #xheader .infohead .socialContact, #xheader .infohead .teIco, #xheader .logoHeader, #xheader .lang 
	{    
		display: inline-block!important;
	}
	.navdownwrapper a
	{
		position: relative;
	}
	.navdownwrapper a::after
	{
		content: "";
		position: absolute;
		bottom: -4px;
		left: 50%;
		transform: translateX(-50%);
		width: 10px;
		height: 1px;
		background : var(--shadow-color);
	}
	.sectionscont:nth-child(odd) .blocthumb
	{
		text-align: left;
	}

	.sectionscont:nth-child(odd) .thumbgsecteurs
	{
		left:30%;
		transform:translateX(-50%);
	}
	.article_content
	{
		position: relative;
		z-index: 1;
	}
	.sectionscont
	{
		box-sizing: border-box;
		padding: 60px 25px;
	}
	.infohead
	{
		text-align: right;
	}
	.navigmenu
	{
		background: var(--secondary-back-color);
		padding: 0px 25px;
		align-items: stretch;
	}
	.navigmenu .navigtoogle::before
	{
		content: "";
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform:translateX(-50%);
		width: 100%;
		height: 4px;
		background : var(--secondary-color);
		opacity: 0;
		transition: all 0.4s;
	}

	.navigmenu .navigtoogle:hover::before, #xheader .navigmenu .navigtoogle.active::before
	{
		opacity:1;
		bottom: 0px;
	}

	.navigmenu .navigtoogle:not(:last-child)::after
	{
		content: "";
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
		right: 0px;
		width: 1px;
		height: 20%;
		background : var(--shadow-color);
	}
	.nohome #logoResponsive
	{
		display: none;
	}
	/*----------------------------------------------------------------------*/
	#xreassurance .picto-bloc:first-child, #xreassurance .picto-bloc:last-child
	{
		transform: translateY(50px)!important;
	}

	#xheader .telIco:after, #xheader .adresseIco:after, #xheader #openHoraire:after 
	{
		transform: translate(3px, 3px);
	}
	.sectionscont:nth-child(even) .thumbgsecteurs
	{
		left: 50%;
	}
	#xsections .thumbgsecteurs
	{
		max-width: calc(40% - 100px);
		max-height: 600px;
		box-sizing: border-box;
	}
	/*----------------------------------------------------------------------*/
	/*----------------------------- 	MENU	 -----------------------------*/
	/*----------------------------------------------------------------------*/
	.nohome.category p
	{
		text-align: left;
		padding-left: 15px;
	}
	/*----------------------------------------------------------------------*/
	/*----------------------------- LOGO -----------------------------*/
	/*----------------------------------------------------------------------*/
	.navigmenu .navigtoogle.logo::after
	{
		content: "";
		position: absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		width: 1px;
		height: 80%;
	}
	/*----------------------------------------------------------------------*/
	/*----------------------------- CTA			 -----------------------------*/
	/*----------------------------------------------------------------------*/
	.accroche
	{
		min-width: 100%;
	}

	#hotel-cta .wrapper
	{
		max-width: 100%;
		position: relative;
	}
}

@media screen and (max-width:780px)
{
	.picto-bloc 
	{
		margin: 10px auto!important;
		box-sizing: border-box;
	}
  }

@media screen and (min-width:1800px)
{
	#hotel-cta
	{
		 height: calc(100vh - 80px)!important;
	}
	.textAccroche .accroche 
	{
		box-sizing: border-box;
	}
	#hotel-cta
	{
		box-sizing: border-box;
		overflow: hidden;
	}
	.logoCta
	{
		max-width: initial;
		width: auto;
		max-height: initial;
		/* background: #ffffffd9; */
		margin: 32px 0px;
	}
	.logoDiv img
	{
		max-width: 400px;
	}
}

@media screen and (min-width:1140px)
{
	#xsections .sectionsbloc
	{
		max-width: 100%;
	}
}