:root {
  --color-rose: #c0087f;
  --color-vert: #afcb08;
  --color-bleu: #009fe3;
  --color-green : #29b090;
  --color-corail : #ed6b6a;
  --color-grey: #82878b;
  --color-gris: #1b292e;
  --color-black: #040506;
  --color-blanc: #ffffff;
  --color-noir: #000000;
}

@supports (-webkit-touch-callout: none) {
	.bloc-cover { background-attachment: scroll; }
}

@media screen and (max-width: 1635px) and (min-width: 1400px) {
 	.bg-bloc-wifi { background-size: 30%; }
}

@media screen and (max-width: 1399px) {
 	#index #edito > .row > div:first-child { background-position: top 30px right 0px; }
 	.bg-bloc-wifi { background-size: 30%; }
}

@media screen and (max-width: 1199px) {
 	header .header-info > div > div { display: flex; flex-direction: column; }
 	header .header-info > div > div > * { line-height: 1rem; margin: 7px 0; }
 	header #header-top .header-left > div > * { margin: 10px 0; }
 	header #header-top .header-right > div { align-items: end; }
 	header .header-left .header-social, header #header-top .header-right .header-flag { margin-left: 0; }
 	header #header-top .header-right .header-btn { margin-right: 0; }
 	header #header-top .logo { top: 18px; }
 	header #header-top .header-right .header-flag { padding: 8px 6px; }
 	header #header-menu .navbar-expand-lg .navbar-nav .nav-link { padding: 5px 12px; }
 	header #header-menu .navbar-expand-lg .dropdown-menu-end { right: 0 !important; }
	#index #edito > .row > div:first-child { background-position: top 80px right 0px; }
	.encarts-circle > .container > .row .row > div > a { width:120px; height:120px; }
	.bg-bloc-wifi { background-size: 40%; }
}

@media screen and (min-width: 992px) {
	.dropdown:hover > .dropdown-menu { display: block; } /* survol sous-menu uniquement pour versions non mobiles */
	.item-mobile { display: none; }
}

@media screen and (max-width: 991px) {
	.item-mobile { display:	block; }
 	.navbar > .container-fluid { justify-content: center; }
 	.navbar-toggler { border-color: var(--color-black); }
 	#navbarNavDropdown { padding: 15px 0; text-align: center; }
 	header #header-menu .navbar-expand-lg .dropdown-menu { text-align: center; }
 	header #header-menu .navbar-expand-lg .dropdown-menu li { display: flex; justify-content: center; }
 	header #header-menu .navbar-expand-lg .dropdown-menu .dropdown-item { width: fit-content; border-radius: 20px; background-color: var(--color-black); color:var(--color-beige); }
 	header #header-menu .navbar-expand-lg .navbar-nav .nav-link, header #header-menu .navbar-expand-lg .dropdown-menu .dropdown-item { display: inline-block; margin: 2px 0; }
 	header #header-menu .navbar-expand-lg .navbar-nav .nav-link.btn-orange-gradient { color: var(--color-blanc); }
 	header #header-menu .navbar-expand-lg .navbar-nav .nav-link.btn-orange-gradient:hover { background-color: rgba(238,84,0,1); }
 	header #header-main, header #header-swiper .swiper, header #header-main > img { height: 500px; }
 	#index #edito > .row > div:first-child { background-position: top 0px right 0px; }
 	#edito h1 { margin-top: 30px; }
 	.tab-pane .tab-txt { width: 80%; padding: 50px; }
 	#heberg a h2 { font-size: 1.2rem; height: 60px; }
 	#heberg a span.thumb-img { height: 150px; }
 	#heberg .row > div:nth-child(2) > * { margin-top: 80px; }
	#heberg .row > div:nth-child(3) > * { margin-top: -52px; }
	#heberg .row > div:nth-child(4) > * { margin-top: 30px; }
	#heberg .row > div:nth-child(5) > * { margin-top: -52px; }
	#heberg .row > div:nth-child(6) > * { margin-top: 30px; }
	.bloc-triptyque { background: none; }
	.bloc-triptyque .parent-triptyque { margin-bottom: 50px; }
	.bloc-triptyque .img-triptyque-1 { margin-top: 0; }
	.bloc-triptyque .buttons-icon-after { margin: 0 0 50px; }
	.bg-bloc-wifi { background-size: 50%; }
}

@media screen and (max-width: 768px) {
  	header #header-top > .container { display: flex; justify-content: space-between; }
 	header #header-top .logo { position: inherit; transform: inherit; }
 	header #header-top .header-right > div > * { display:none; }
 	header #header-top .header-right > div > *:last-child { display:block; margin-left:30px; }
 	header #header-content > .container, header #header-content > .container > #bloc-open-reviews, #bloc-open-reviews { flex-direction: column; align-items: center; justify-content: start; }
 	header #header-main, header #header-swiper .swiper, header #header-main > img { height: 400px; }
 	header #header-content > .container .titre-page { font-size: 3.5rem; }
 	#bloc-open-reviews > div > :first-child { text-align: center; }
 	#index #edito > .row > div:first-child { background-position: top 80px right 20px; }
 	#edito h1 { margin-top: 0; }
 	.bloc-container { padding: 50px; }
 	.encarts-circle > .container > .row .row > div > a { width:80px; height:80px; }
 	#partenaires > div { justify-content: center; }
 	footer #footer-top > .row > a { height:300px; }
 	footer #footer-bottom, footer #footer-bottom > .row > div:first-child, footer #footer-bottom > .row > div:last-child { text-align:center; }
 	footer #footer-bottom #carte a { margin: 30px 0; }
}

@media screen and (max-width: 575px) {
	header #header-top .logo { text-align: center; }
	header #header-top > .container, header .header-info { flex-direction: column; }
	header .header-info > div > div { flex-direction: row; flex-wrap: wrap; justify-content: center; }
	header #header-top .header-left > div > * { margin: 10px 5px; }
	header #header-top .header-right > div > *:last-child { margin-left:0; }
	header #header-main, header #header-swiper .swiper, header #header-main > img { height: 300px; }
	header #header-content > .container .titre-page { font-size: 2.5rem; }
	#index #edito > .row > div:first-child { background-position: top 120px right 20px; }
	.row > * { padding: 30px; }
	#heberg .row > * { padding: 15px; }
	#heberg .row > div > * { margin: 0 !important; }
	#heberg a h2 { height: auto; margin: 20px 0; }
	.encarts-circle > .container > .row .row > div > a { width:100px; height:100px; }
	.bg-bloc-wifi { background-size: 50%; }
	.bg-bloc-wifi img { width: 100px; }
	.bg-bloc-wifi .row > div { padding-top: 0; padding-bottom: 0; }
	.row.encart-dl .row > *  { padding: inherit; }
	.encart-dl img { min-width: 40px;}

	.page-404 .page-404-gif span { height: 100px; line-height: 100px; }
	.page-404 .page-404-gif div { height: 100px; width: 100px; 	}
	form.formulaire .form-type { display: inline-block; }
}

@media screen and (max-width: 440px) {
	header #header-content > .container .titre-page { font-size: 2rem; }
	#index #edito > .row > div:first-child { background: none }
	#edito #edito-infos > a { font-size: 1.1rem; }
	#edito #edito-open > p { font-size: 1.2rem; }
	#edito #edito-open div { margin-left: 0; }
	.buttons-icon-after { justify-content: center; }
	.buttons-icon-after > .btn-icon-after { margin: 10px 15px; }
	.bloc-triptyque .parent-triptyque { margin-bottom: 30px; }
	.bloc-triptyque .img-triptyque-1 { margin-top: 0; }
	.bloc-triptyque .buttons-icon-after { margin: 0; }
	.bloc-container { padding: 30px; }
	.bloc-container .row > * { padding: 10px; }
 	.encarts-circle > .container > .row .row > div > a { width:80px; height:80px; }
}

@media screen and (max-width: 315px) {
	.page-404 .page-404-gif span { font-size: 80px; }
}