/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2026
 Version 22/10/2026 14:35:04

 *** IMPORTANT : DO NOT EDIT BY HAND, EDIT .gss FILE ! ***
*/

html
{
	--LARGEUR:1000px ;
	--COULEUR:#194aa5 ;
	--COULEURRGBA:rgba(25, 74, 162, 0.9) ;
	--PLEXIGLAS:rgba(255, 255, 255, 0.8) ;
	--PLEXIGLASEP:rgba(255, 255, 255, 0.9) ;
}

@media (max-width: 400px)
{
	@-ms-viewport
	{
		width: 320px;
	}
	
}

html
{
	height:100% ;
}

body
{
	background:#F4F7F4 ;
	margin:0 ;
	padding:0 ;
	font-family:verdana ;
	height:calc(100%) ;
	position:relative ;
	color:#202020 ;
}

body.home
{
	background-position: absolute ;
	background-repeat: no-repeat ;
	background-size: cover;
	background-position:top center ;
	background-image:url(/__album/Visuel2.jpg) ;
}

body.home.hiver
{
	background-image:url(/__album/Visuel2Hiver.jpg) ;
}

.home header
{
	background-color:rgba(255, 255, 255, 0.4) ;
}

header
{
	margin:auto ;
	max-width:var(--LARGEUR) ;
	height:80px ;
	padding:10px 0 ;
	position:relative ;
	transition:all ease 100ms ;
	@media (max-width:900px)
	{
		height:70px ;
	}
	
	@media (max-width:750px)
	{
		height:60px ;
	}
	
	div
	{
		display:inline-block ;
		overflow:hidden ;
		vertical-align:top ;
	}
	
	#logo
	{
		background-repeat:no-repeat ;
		background-image:url(/__album/Logo80.png) ;
		background-size:contain ;
		height:80px;
		width:80px ;
		margin-left:10px ;
		transition:all ease 100ms ;
		@media (max-width:900px)
		{
			width:70px ;
			height:70px ;
		}
		
		@media (max-width:750px)
		{
			width:60px ;
			height:60px ;
		}
		
	}
	
	#titre
	{
		position:absolute ;
		top:0 ;
		bottom:0 ;
		right:0 ;
		left:50px ;
		font-size:60px ;
		line-height:100px ;
		font-family:roboto-thin ;
		text-transform:uppercase ;
		text-align:center ;
		margin-left:50px ;
		transition:all ease 100ms ;
		@media (max-width:900px)
		{
			font-size:50px ;
			line-height:90px ;
		}
		
		@media (max-width:750px)
		{
			left:30px ;
			font-size:30px ;
			line-height:76px ;
		}
		
		@media (max-width:500px)
		{
			margin-left:30px ;
			font-size:30px ;
		}
		
		@media (max-width:400px)
		{
			font-size:20px ;
		}
		
		@media (max-width:335px)
		{
			line-height:20px ;
		}
		
	}
	
	#langs
	{
		position:absolute ;
		top:4px ;
		right:4px ;
		background-repeat:no-repeat ;
		background-size:32px ;
		width:32px ;
		height:32px ;
	}
	
}

.home nav
{
	max-width:var(--LARGEUR) ;
}

nav
{
	background-color:rgba(255, 255, 255, 0.7) ;
	margin:auto ;
	font-family:roboto ;
	display:block ;
	text-align:center ;
	padding:5px 0 ;
	font-size:18px ;
	overflow:hidden ;
	@media (max-width:750px)
	{
		font-size:14px ;
	}
	
	a
	{
		display:inline-block ;
		color:#404040 ;
		text-decoration:none ;
		margin:0 14px ;
		text-transform:uppercase ;
		transition:all ease 200ms ;
		border-bottom:solid 2px transparent ;
	}
	
	a:hover, a.current
	{
		color:var(--COULEUR) ;
		border-bottom:solid 2px var(--COULEUR) ;
	}
	
}

body:not(.home) nav
{
	margin-bottom:0 ;
	border-top:solid 1px #e0e0e0 ;
}

div#qui
{
	margin:auto ;
	padding:16px ;
	background:var(--PLEXIGLAS) ;
	margin-top:70px ;
	margin-bottom:70px ;
	max-width:var(--LARGEUR) ;
	border-radius:5px ;
}

div.transp
{
	position:absolute ;
	left:0 ;
	top:0 ;
	bottom:0 ;
	right:0 ;
	background:rgba(128, 128, 128, 0.3) ;
	display:none ;
	z-index:-1 ;
}

div.visuel
{
	height:280px ;
	border-top:1px solid #C0C0C0 ;
	background-repeat:no-repeat ;
	background-size:cover ;
	background-position:center center ;
	z-index:-1 ;
	position:relative ;
	> div
	{
		margin:auto ;
		position:relative ;
		max-width:var(--LARGEUR) ;
		text-align:right ;
	}
	
	h1
	{
		position:absolute ;
		right:0 ;
		top:86px ;
		margin:0 ;
		font-family:roboto-thin ;
		font-size:44px ;
		display:inline-block ;
		text-transform:uppercase ;
		padding:6px 20px ;
		background:var(--COULEURRGBA) ;
		color:white ;
	}
	
}

div#mainDiv
{
	margin:auto ;
	max-width:var(--LARGEUR) ;
	background:rgba(255, 255, 255, 0.9) ;
	margin-top:-60px ;
	min-height:80px ;
	z-index:200000 ;
	.pad12
	{
		padding:12px ;
	}
	
	box-shadow:0 0 2px 1px #C0C0C0 ;
	font-family:verdana ;
	font-size:15px ;
	margin-bottom:70px ;
	padding-bottom:50x ;
	a
	{
		color:var(--COULEUR) ;
		text-decoration:none ;
	}
	
	a:hover
	{
		text-decoration:underline ;
	}
	
}

h2
{
	font-family:roboto ;
	margin:40px 0 6px 0 ;
	font-size:26px ;
	text-transform:uppercase ;
	color:var(--COULEUR);
}

h2:first-child
{
	margin-top:0 ;
}

#diaporama
{
	margin-top:20px ;
	text-align:center ;
	> div
	{
		display:inline-block ;
		width:200px ;
		height:150px ;
		background-size:cover ;
		backgroudn-repeat:no-repeat ;
	}
	
	@m
}

#pipPrevious
{
}

div#mainDiv .liensl
{
	padding:10px ;
	text-align:center ;
	position:relative ;
	a.lien
	{
		width:calc(50% - 30px );
		text-decoration:none ;
		text-align:left ;
		display:inline-block ;
		margin:10px ;
		vertical-align:top ;
		color:black ;
		background:#f8f8f8 ;
		border:solid 1px #E0E0E0 ;
		span
		{
			display:block ;
			font-size:22px ;
			color:var(--COULEUR) ;
		}
		
		a
		{
			color:var(--COULEUR) ;
		}
		
	}
	
	.lien:hover
	{
		border-color:#808080 ;
		span
		{
			text-decoration:underline ;
		}
		
	}
	
	.lien.icone
	{
		width:calc(50% - 140px );
		padding-left:110px ;
		background-repeat:no-repeat ;
		background-size:92px ;
		background-position:top 4px left 4px ;
	}
	
	.lien.icone.lilarge
	{
		background-size:180px ;
		width:calc(100% - 236px );
		padding-left:198px ;
	}
	
}

footer
{
	background:#E0E0E0 ;
	position:fixed ;
	height:50px ;
	font-size:15px ;
	left:0 ;
	right:0 ;
	bottom:0 ;
	a
	{
		color:var(--COULEUR) ;
		text-decoration:none ;
		display:inline-block ;
		margin:0 15px ;
	}
	
	a:hover
	{
		text-decoration:underline ;
	}
	
	div.ahr
	{
		margin:auto ;
		max-width:var(--LARGEUR) ;
		line-height:25px ;
		text-align:center ;
	}
	
	div#shared_pied
	{
		margin:auto ;
		text-align:center ;
		max-width:var(--LARGEUR) ;
	}
	
}

div.help
{
	box-shadow:0 0 4px 2px #808080 ;
	background:#D0F0F0 ;
	font-weight:bold ;
	padding:20px ;
	margin:10px ;
}

div.blk
{
	display:inline-block ;
	vertical-align:top ;
	margin:10px ;
	a
	{
		display:inline-block ;
		height:100px ;
		width:50px ;
	}
	
}

div.blk#prev
{
	background-image:url(/geneasy/img/pipPrevious.png) ;
	background-size:contain ;
	background-repeat:no-repeat ;
	margin-top:40px ;
}

div.blk#next
{
	background-image:url(/geneasy/img/pipNext.png) ;
	background-size:contain ;
	background-repeat:no-repeat ;
	margin-top:40px ;
}

div.cal
{
	table
	{
		font-size:15px ;
		border-collapse:collapse ;
		tr:first-child th
		{
			padding:8px ;
			background:var(--COULEUR) ;
			color:#F0F0F0 ;
		}
		
		th
		{
			background:#e0e0e0 ;
			;
			color:#202020 ;
			font-weight:normal ;
			padding:2px 8px;
		}
		
		td
		{
			padding:2px 8px ;
			text-align:center ;
			border:solid 1px #e0e0e0 ;
			background:#f0f0f0 ;
			color:black ;
		}
		
		td.autremois
		{
			color:#808080 ;
		}
		
		td.vacances
		{
			background-color:#d0f0f0 ;
		}
		
		td.occupe
		{
			background-color:red ;
		}
		
	}
	
}

a.button
{
	display:inline-block ;
	background:var(--COULEUR) ;
	color:white !important ;
	padding:16px 30px ;
	border-radius:4px ;
	transition:all ease 200ms ;
}

a.button:hover
{
	text-decoration:none !important ;
	background:navy ;
}

a.buttonsmall
{
	display:inline-block ;
	background:var(--COULEUR) ;
	color:white !important ;
	padding:8px 30px ;
	border-radius:4px ;
	transition:all ease 200ms ;
	text-decoration:none ;
}

a.buttonsmall:hover
{
	text-decoration:none !important ;
	background:navy ;
}

#temoi
{
	margin:auto ;
	position:relative ;
	margin-top:30px ;
	background:var(--PLEXIGLASEP) ;
	width:550px ;
	max-width:100% ;
	border:solid 3px #FFD700 ;
	font-size:13px ;
	border-radius:7px ;
	height:148px ;
	overflow:hidden ;
	> div
	{
		position:absolute ;
		height:100% ;
		width:100% ;
		bottom:0 ;
		transition:all ease 700ms ;
	}
	
	.dessous
	{
		bottom:-100% ;
		transition:none ;
	}
	
	.dessus
	{
		bottom:100% ;
		transition:all ease 700ms ;
	}
	
	.texte
	{
		padding:8px ;
	}
	
	.signature
	{
		text-align:right ;
		padding-right:8px ;
	}
	
	.quand
	{
		text-align:right ;
		font-style:italic ;
		padding-right:8px ;
	}
	
}

#cookies
{
	position:fixed ;
	top:0 ;
	left:0 ;
	right:0 ;
	background:white ;
	overflow:hidden ;
	max-height:200px ;
	> div
	{
		padding:8px ;
		margin:auto ;
		text-align:center ;
		max-width:var(--LARGEUR) ;
		> div
		{
			padding-top:10px ;
			text-align:center ;
		}
		
	}
	
	border-bottom:solid 1px #808080 ;
}

#cookies.ferme
{
	max-height:0 ;
	transition:all ease 300ms ;
}

i.fa
{
	min-width:40px ;
	text-align:center ;
}

.autoinserted td
{
	padding:8px 4px ;
}

div.tarif
{
	display:inline-block ;
	width:480px ;
	padding-bottom:20px ;
}

table.tarif
{
	border-collapse:collapse ;
	margin-left:50px ;
}

table.tarif td
{
	border:solid 2px #202020 ;
	padding:2px 8px ;
	background:#f0f0f0 ;
}

table.tarif td:first-child
{
	min-width:200px ;
}

table.tarif td:last-child
{
	text-align:right ;
	min-width:80px ;
	color:blue ;
}

div.visites
{
	position:fixed;
	display:inline-block;
	font-size:16px;
	background:white;
	right:0;
	bottom:0;
	padding:2px' ;
}



/*                                That's all folks ! */