.justify{
    
    text-align:justify;
}

.bold{
    font-weight: bold;
}

#textimage08{
    position: absolute;
    top:30%;
    left:50%;
    z-index: 100;
    color: white;
    font-family:'open sans', 'sans-serif', 'public-sans';
}

#textimage12{
    position: absolute;
    top:30%;
    right:60%;
    z-index: 100;
    color: white;
    font-size: 1em;
    font-family:'open sans', 'sans-serif', 'public-sans';
}
#legalnotice {
	margin-left: -0.5rem;
	width: calc(100% + 1rem);
	font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	font-size: 1em;
	font-weight: 400;
}
#copyright br + br {
	margin-top: 0.6rem;
}

#copyright:not(:first-child) {
	margin-top: 0.125rem !important;
}

#copyright:not(:last-child) {
	margin-bottom: 0.125rem !important;
}

#copyright {
	text-align: center;
	color: rgba(252,247,247,0.969);
	font-family: 'Public Sans', sans-serif;
	font-size: 1em;
	line-height: 1;
	font-weight: 400;
}

#copyright a {
	color: transparent;
	text-decoration: underline;
}

#copyright a:hover {
	text-decoration: none;
}

#legalnotice li {
	display: inline-block;
	vertical-align: middle;
	margin: 0.5rem;
}

#legalnotice li a {
	color: rgba(252,247,247,0.969);
	text-decoration: none;
}

#legalnotice li a:hover {
	text-decoration: underline;
}
#legalnotice {
		margin-left: -0.5rem;
		width: calc(100% + 1rem);
		letter-spacing: 0rem;
		font-size: 1em;
	}
	
	#legalnotice li {
		margin: 0.5rem;
	}
#legalnotice {
		margin-left: -0.375rem;
		width: calc(100% + 0.75rem);
		font-size: 1em;
	}
	
	#legalnotice li {
		margin: 0.375rem;
	}

*, *:before, *:after {
	box-sizing: border-box;
}

body {
	min-width: 320px;
	min-height: var(--viewport-height);
	line-height: 1.0;
	word-wrap: break-word;
	overflow-x: hidden;
}

body:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: var(--background-height);
	z-index: 0;
	pointer-events: none;
	transform: scale(1);
	background-attachment: scroll;
	background-image: url('https://app.jourdequiz.fr/src/Asset/img/JDQ/bg.jpg');
	background-position: bottom right;
	background-repeat: repeat;
	background-size: contain;
	background-color: #FFFFFF;
}
body.is-loading:after {
	opacity: 1;
	visibility: visible;
}


#navbar > .wrapper > .inner {
	padding: 0.75rem 1rem;
}

#navbar {
/*	display: flex;*/
    position: relative;
	width: 100%;
    top: 0%;
    left: 0%;
	align-items: center;
	justify-content: center;
	background-color: transparent;
}

#navbar > .wrapper {
	width: 100%;
	max-width: 31rem;
}

#navbar.default > .wrapper > .inner > * {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#navbar.default > .wrapper > .inner > *:first-child {
	margin-top: 0 !important;
}

#navbar.default > .wrapper > .inner > *:last-child {
	margin-bottom: 0 !important;
}

#navbar.columns > .wrapper > .inner {
	flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
}

#navbar.columns > .wrapper > .inner > * {
	flex-shrink: 0;
	flex-grow: 0;
	max-width: 100%;
	padding: 0 0 0 2rem;
}

#navbar.columns > .wrapper > .inner > * > * {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#navbar.columns > .wrapper > .inner > * > *:first-child {
	margin-top: 0 !important;
}

#navbar.columns > .wrapper > .inner > * > *:last-child {
	margin-bottom: 0 !important;
}

#navbar.columns > .wrapper > .inner > *:first-child {
	margin-left: -2rem;
}

#navbar.default > .wrapper > .inner > .full {
	margin-left: calc(-1rem);
	width: calc(100% + 2rem + 0.4725px);
	max-width: none;
}

#navbar.default > .wrapper > .inner > .full:first-child {
	margin-top: -0.75rem !important;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

#navbar.default > .wrapper > .inner > .full:last-child {
	margin-bottom: -0.75rem !important;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

#navbar.columns > .wrapper > .inner > div > .full {
	margin-left: calc(-1rem);
	width: calc(100% + 2rem + 0.4725px);
	max-width: none;
}

#navbar.columns > .wrapper > .inner > div:first-child > .full {
	margin-left: calc(-1rem);
	width: calc(100% + 2rem + 0.4725px);
}

#navbar.columns > .wrapper > .inner > div:last-child > .full {
	width: calc(100% + 2rem + 0.4725px);
}

#navbar.columns > .wrapper > .inner > div > .full:first-child {
	margin-top: calc(-0.75rem) !important;
}

#navbar.columns > .wrapper > .inner > div > .full:last-child {
	margin-bottom: calc(-0.75rem) !important;
}

#navbar.columns > .wrapper > .inner > div:first-child, #navbar.columns > .wrapper > .inner > div:first-child > .full:first-child {
	border-top-left-radius: inherit;
}

#navbar.columns > .wrapper > .inner > div:last-child, #navbar.columns > .wrapper > .inner > div:last-child > .full:first-child {
	border-top-right-radius: inherit;
}

#navbar.columns > .wrapper > .inner > .full {
	align-self: stretch;
}

#navbar.columns > .wrapper > .inner > .full:first-child {
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}

#navbar.columns > .wrapper > .inner > .full:last-child {
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

#navbar.columns > .wrapper > .inner > .full > .full:first-child:last-child {
	height: calc(100% + 1.5rem);
	border-radius: inherit;
}

#navbar.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

#navbar.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > * {
	height: 100%;
	border-radius: inherit;
}

#navbar > .wrapper > .inner > :nth-child(1) {
	width: calc(33.33333% + 0.66rem);
}

#navbar > .wrapper > .inner > :nth-child(2) {
	width: calc(33.33333% + 0.66rem);
}

#navbar > .wrapper > .inner > :nth-child(3) {
	width: calc(33.33333% + 0.66rem);
}



#navbar > .wrapper > .inner {
		padding: 0.75rem 1rem;
	}
	
	#navbar > .wrapper {
		max-width: 100%;
	}
	
	#navbar.default > .wrapper > .inner > * {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	#navbar.columns > .wrapper > .inner > * > * {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	#navbar.columns > .wrapper > .inner > * {
		padding: 0 0 0 2rem;
	}
	
	#navbar.columns > .wrapper > .inner > *:first-child {
		margin-left: -2rem;
	}
	
	#navbar.default > .wrapper > .inner > .full {
		margin-left: calc(-1rem);
		width: calc(100% + 2rem + 0.4725px);
	}
	
	#navbar.default > .wrapper > .inner > .full:first-child {
		margin-top: -0.75rem !important;
	}
	
	#navbar.default > .wrapper > .inner > .full:last-child {
		margin-bottom: -0.75rem !important;
	}
	
	#navbar.columns > .wrapper > .inner > div > .full {
		margin-left: calc(-1rem);
		width: calc(100% + 2rem + 0.4725px);
	}
	
	#navbar.columns > .wrapper > .inner > div:first-child > .full {
		margin-left: calc(-1rem);
		width: calc(100% + 2rem + 0.4725px);
	}
	
	#navbar.columns > .wrapper > .inner > div:last-child > .full {
		width: calc(100% + 2rem + 0.4725px);
	}
	
	#navbar.columns > .wrapper > .inner > div > .full:first-child {
		margin-top: calc(-0.75rem) !important;
	}
	
	#navbar.columns > .wrapper > .inner > div > .full:last-child {
		margin-bottom: calc(-0.75rem) !important;
	}
	
	#navbar.columns > .wrapper > .inner > .full > .full:first-child:last-child {
		height: calc(100% + 1.5rem);
	}
	
	#navbar > .wrapper > .inner > :nth-child(1) {
		width: calc(33.33333% + 0.66rem);
	}
	
	#navbar > .wrapper > .inner > :nth-child(2) {
		width: calc(33.33333% + 0.66rem);
	}
	
	#navbar > .wrapper > .inner > :nth-child(3) {
		width: calc(33.33333% + 0.66rem);
	}
	

#navbar.default > .wrapper > .inner > * {
		margin-top: 0.875rem;
		margin-bottom: 0.875rem;
	}
	
	#navbar.columns > .wrapper > .inner > * > * {
		margin-top: 0.875rem;
		margin-bottom: 0.875rem;
	}
#navbar > .wrapper > .inner {
		padding: 0.5625rem 0.75rem;
	}
	
	#navbar.default > .wrapper > .inner > * {
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}
	
	#navbar.columns > .wrapper > .inner > * > * {
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}
	
	#navbar.default > .wrapper > .inner > .full {
		margin-left: calc(-0.75rem);
		width: calc(100% + 1.5rem + 0.4725px);
	}
	
	#navbar.default > .wrapper > .inner > .full:first-child {
		margin-top: -0.5625rem !important;
	}
	
	#navbar.default > .wrapper > .inner > .full:last-child {
		margin-bottom: -0.5625rem !important;
	}
	
	#navbar.columns > .wrapper > .inner > div > .full {
		margin-left: calc(-1rem);
		width: calc(100% + 2rem + 0.4725px);
	}
	
	#navbar.columns > .wrapper > .inner > div:first-child > .full {
		margin-left: calc(-0.75rem);
		width: calc(100% + 1.75rem + 0.4725px);
	}
	
	#navbar.columns > .wrapper > .inner > div:last-child > .full {
		width: calc(100% + 1.75rem + 0.4725px);
	}
	
	#navbar.columns > .wrapper > .inner > div > .full:first-child {
		margin-top: calc(-0.5625rem) !important;
	}
	
	#navbar.columns > .wrapper > .inner > div > .full:last-child {
		margin-bottom: calc(-0.5625rem) !important;
	}
	
	#navbar.columns > .wrapper > .inner > .full > .full:first-child:last-child {
		height: calc(100% + 1.125rem);
	}
@media(max-width: 736px){
    	#copyright:not(:first-child) {
		margin-top: 0.09375rem !important;
	}
	
	#copyright:not(:last-child) {
		margin-bottom: 0.09375rem !important;
	}
	
	#copyright {
		letter-spacing: 0rem;
		width: 100%;
		font-size: 1em;
		line-height: 1;
	}
}
@media(max-width: 360px){
    #copyright {
		font-size: 1em;
	}
}