.alert + :is(h1,h2) { margin-top: 3rem; }

.ancre-container.realLink { margin-bottom: 4rem;}

div.fieldset + div.fieldset { margin-top: 2rem; padding-top: 2rem; border-top:1px solid rgba(var(--couleur5)); }

.block-contenu, .block-contenu > a { display: flex; flex-wrap: wrap; align-items: center; }
.block-contenu.with-visuel > div, .block-contenu.with-visuel > a > div { padding-right: 30px; }
.block-contenu.with-visuel > div:last-child, .block-contenu.with-visuel > a > div:last-child { border-left:1px solid; padding-right: 0; padding-left: 30px; }
.block-contenu > a:hover { text-decoration: none; }
.block-contenu img { max-height: 100px; }


#formOption .options tr td.sous-total, #formOption .options tr td.total { width: 50px; border-bottom: 1px dashed #000; text-align: right; }
#formOption .options tr.option td { padding: 10px 0; }
#formOption .options tr td.total { padding: 20px 0; }

.espace-vacancier-container { width: 50%; margin: auto; }
.espace-vacancier-container > * { width: 100%; }

#header #header-body #header-right a.header-forum { color:rgba(var(--couleur5)); position: relative; }
#header #header-body #header-right a.header-forum::before { content: "mail"; font-family:'Material Icons'; font-size: 60px; display: block; line-height: 43px; }
#header #header-body #header-right a.header-forum span { position: absolute; right:-5px; top:-5px; z-index: 1; background-color: red; font-weight: 600; display: flex; align-items: center; justify-content: center; color:rgba(var(--blanc)); border-radius: 50%; line-height: 1; padding: 5px 5px 6px 5px; min-width: 24px; }
#header #header-body #header-right a.header-forum:hover { text-decoration: none; color:rgba(var(--couleur5),.9); }

body:is(#page-vacancier-connexion,#page-vacancier-password) #highlight { height: 385px; }
body:is(#page-vacancier-connexion,#page-vacancier-password) #highlight .container .row { align-items: center; height: 100%; }
body:is(#page-vacancier-connexion,#page-vacancier-password) #highlight div.form  { padding: 25px; background: rgba(var(--blanc),.90); border-radius: 25px; }
body:is(#page-vacancier-connexion,#page-vacancier-password) #breadcrumb { display: none; }

#block-reservation { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 4rem; border-bottom:1px solid; margin-top: 4rem; }
#block-reservation #block-reservation-maison { width: 45%; display: flex; flex-wrap: wrap; align-items: center; }
#block-reservation #block-reservation-maison #block-reservation-img { width: 45%; }
#block-reservation #block-reservation-maison #block-reservation-infos { width: 55%;font-weight: bold; padding: 0 25px; }
#block-reservation #block-reservation-plan-acces { width: 15%; padding: 0 25px; border-left:1px solid; display: flex; justify-content:center; align-items: center; }
#block-reservation #block-reservation-plan-acces a { background: url("../../images/style/picto-plan-acces.png") no-repeat top center; display: block; padding-top: 85px; color:rgba(var(--couleur1)); text-transform: uppercase; text-align:center; font-weight: 600; }
#block-reservation #block-reservation-coordonnees { width: 30%; padding: 0 25px;  border-left:1px solid; }
#block-reservation #block-reservation-coordonnees div { margin-bottom: 0.5rem;}
#block-reservation #block-reservation-coordonnees .btn { margin-top:1.5rem; }
.ancre-container { margin-top:0rem; }
#block-reservation + .ancre-container { margin-top:2rem; }

@media (max-width:1399px) {
	.espace-vacancier-container { width: 60%; }
}

@media (max-width:1199px) {
	.espace-vacancier-container { width: 70%; }
	#block-reservation { padding-bottom: 0;}
	#block-reservation #block-reservation-maison { width: 70%; }
	#block-reservation #block-reservation-plan-acces { width: 30%; }
	#block-reservation #block-reservation-coordonnees { border-left: 0; padding-top: 1.5rem; margin-top: 1.5rem; width: 100%; padding: 15px 15px 15px 0; border-top:1px solid; }
}

@media (max-width:991px) {
	.espace-vacancier-container { width: 75%; }
	#block-reservation #block-reservation-maison { width: 80%; }
	#block-reservation #block-reservation-plan-acces { width: 20%; }
}

@media (max-width:767px) {
	h1 .btn { margin-top:15px; }
	.espace-vacancier-container { width: 80%; }
	
	#block-reservation #block-reservation-maison #block-reservation-img { width:35%; }
	#block-reservation #block-reservation-maison #block-reservation-infos { width: 65%; padding: 0 15px; }
	
	.ancre-container { display: flex; flex-wrap: wrap; justify-content: space-around; border-bottom: none; border-left: 0; }
	.ancre-container a { color:rgba(var(--couleur5)); border:1px solid rgba(var(--couleur5)); border-radius: 25px; background-color: rgba(var(--blanc)); padding: 2px 10px; font-size: 1rem; width:48%;  }
	.ancre-container a.actif { color:rgba(var(--blanc)); border-radius: 25px; background-color: rgba(var(--couleur5)); font-weight: bold; }
	.ancre-container a + a { margin-top: 1rem; }
	.ancre-container a:nth-child(2) { margin-top: 0; }
}

@media (max-width:575px) {
	.espace-vacancier-container { width: 90%; }
	
	.block-contenu.with-visuel > div, .block-contenu.with-visuel > a > div { padding-right: 0px; }
	.block-contenu.with-visuel > div:last-child, .block-contenu.with-visuel > a > div:last-child { border-left:0px solid; padding-left: 0; }
	.block-contenu img { display:block; margin: auto; margin-top: 1.5rem; }
	
	#block-reservation #block-reservation-maison { flex-direction: column; align-items: self-start; padding-right: 15px; width: 65%; }
	#block-reservation #block-reservation-maison #block-reservation-img { width: 100%; }
	#block-reservation #block-reservation-maison #block-reservation-infos { width: 100%; padding: 0; margin-top: 1.5rem; }
	#block-reservation #block-reservation-plan-acces { width: 35%; }
}

@media (max-width:449px) {
	.espace-vacancier-container { width: 100%; }	
}

@media (max-width:374px) {	
	.ancre-container a { width: 100%; }
	.ancre-container a:nth-child(2) { margin-top: 1rem; }
	
}
