/* Fond page */

#wrapper {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(255, 248, 220, 0.88) 0%, rgba(255, 248, 220, 0.55) 18%, rgba(255, 248, 220, 0.18) 38%, rgba(255, 248, 220, 0) 60%),
        radial-gradient(circle at 50% 100%, rgba(228, 214, 160, 0.38) 0%, rgba(228, 214, 160, 0.16) 22%, rgba(228, 214, 160, 0) 52%),
        radial-gradient(circle at 15% 35%, rgba(188, 204, 160, 0.35) 0%, rgba(188, 204, 160, 0.12) 28%, rgba(188, 204, 160, 0) 55%),
        radial-gradient(circle at 85% 35%, rgba(188, 204, 160, 0.28) 0%, rgba(188, 204, 160, 0.10) 25%, rgba(188, 204, 160, 0) 52%),
        radial-gradient(circle at 20% 85%, rgba(180, 198, 150, 0.22) 0%, rgba(180, 198, 150, 0.08) 22%, rgba(180, 198, 150, 0) 48%),
        radial-gradient(circle at 80% 82%, rgba(180, 198, 150, 0.18) 0%, rgba(180, 198, 150, 0.07) 18%, rgba(180, 198, 150, 0) 42%),
        linear-gradient(180deg, #dfe5c7 0%, #d8dfbf 22%, #d5dcc0 45%, #d7ddc3 68%, #d8dcc4 100%);
    background-color: #d9dec3;
}

#wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 10% 20%, rgba(255,255,255,0.16) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.12) 0 3px, transparent 4px),
        radial-gradient(circle at 24% 76%, rgba(255,255,255,0.10) 0 2px, transparent 3px),
        radial-gradient(circle at 86% 68%, rgba(255,255,255,0.10) 0 2px, transparent 3px);
    background-size: 240px 240px, 300px 300px, 260px 260px, 320px 320px;
    opacity: 0.7;
    filter: blur(1px);
}

/* Menu */

#bannermenu .menu-yfa {
	background-color: #C8D2B5;
	padding: 0.5rem;
	border-radius: 2rem;
}

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

	#bannermenu .nav-item:last-child {
		background-color: #C9A86A;
		border-radius: 2rem;
		padding-left: 0.5rem;
		margin-left: 3rem;
	}

	#bannermenu .nav-item a {
		color: #505050;
	}

	#bannermenu .nav-item:last-child:hover {
		background-color: #dedede;
		color: #505050;
	}

}

@media screen and (max-width: 950px) {

	#bannermenu .menu-yfa {
		margin-left: 1rem;
		margin-right: 1rem;
		background-color: transparent;
	}

	#bannermenu ul {

		background-color: #C8D2B5;
        padding: 0.5rem;
        border-radius: 2rem;
	}

	#bannermenu .nav-item:last-child {
		background-color: #C9A86A;
		border-radius: 2rem;
		margin-left: 3rem;
	}
}


@media screen and (min-width: 575px) and (max-width: 950px) {

	#mod-menu1 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	}

	#bannermenu ul.nav li a {
	padding-left: 1rem !important;
    }
}

@media screen and (min-width: 951px) and (max-width: 1199px) {
	#bannermenu {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}

/* Copyright en bas de page */

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  min-height: 100vh;
}

#wrapper > .inner {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

#bannerrow {
  grid-row: 1;
}

#maincontent {
  grid-row: 2;
}

#footer_copyright {
  grid-row: 3;
}

/* Fondu image */

.image-fondu-yfa {
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* masquer image */

@media screen and (max-width: 768px) {
	.noimage-yfa {
		display: none !important;
    }
}