/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2026
 Version 29/10/2026 09:52:59

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

html, body, body > #mainSpa *
{
	margin : 0;
	padding : 0;
	box-sizing : border-box;
}

html
{
	background-color : #B80718;
}

@media print
{
	html
	{
		background-color : #FFFFFF;
	}
	
}

body
{
	font-size : 14px;
}

body > #mainSpa
{
	font-family : 'Open sans', Arial, sans-serif;
	color : #202020;
	background-color : #f5f5f5;
	box-shadow : 0 0 9px 3px rgba(0, 0, 0, 0.2);
	max-width : 1038px;
	margin : 0 auto;
	display : flex;
	flex-direction : column;
	min-height : 100vh;
}

@media print
{
	body > #mainSpa
	{
		background-color : #FFFFFF;
		box-shadow : none;
	}
	
}

body > #mainSpa > #mainHeader
{
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	height : 100px;
	background-color : #FFFFFF;
	position : relative;
	margin-bottom : 1rem;
}

@media print
{
	body > #mainSpa > #mainHeader
	{
		display : none;
	}
	
}

body > #mainSpa > #mainHeader h1
{
	height : 100%;
	padding : 1rem 2rem;
	position : absolute;
	top : 0;
	left : 0;
	bottom : 0;
}

body > #mainSpa > #mainHeader h1 img
{
	height : 100%;
}

body > #mainSpa > #mainHeader #mainNav
{
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
}

body > #mainSpa > #mainHeader #mainNav .burger
{
	font-size : 2.5rem;
	color : #202020;
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	width : 100px;
	display : none;
	align-items : center;
	justify-content : center;
}

body > #mainSpa > #mainHeader #mainNav ul
{
	list-style-type : none;
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	display : flex;
	align-items : center;
	z-index : 500;
	li
	{
		a
		{
			font-size : 2.5rem;
			height : 100px;
			width : 100px;
			display : flex;
			align-items : center;
			justify-content : center;
			position : relative;
			color : #202020;
			&:hover
			{
				color : #B80718;
			}
			
			.number
			{
				position : absolute;
				bottom : calc(50% + 0.75rem);
				left : calc(50% + 0.75rem);
				padding : 2px 4px;
				border-radius : 2px;
				background-color : #B80718;
				color : #FFFFFF;
				font-size : 0.8rem;
				font-weight : 600;
			}
			
		}
		
		&.current
		{
			a
			{
				color : #A4A4A4;
			}
			
		}
		
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav
	{
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav .burger
	{
		display : flex;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav span.horaireCr
	{
		display:none ;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav ul:not(.shown)
	{
		display : none;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav ul
	{
		flex-direction : column;
		bottom : auto;
		margin-top : 100px;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav ul li
	{
		background-color : #FFFFFF;
		box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.1);
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainHeader #mainNav ul li a
	{
		height : auto;
		padding : 1rem 0;
	}
	
}

body > #mainSpa a:not(.btn):not(.bigbtn)
{
	color : #B80718;
	text-decoration : none;
	cursor : pointer;
	-moz-transition : color 200ms;
}

body > #mainSpa a:not(.btn):not(.bigbtn):hover
{
	color : #A4A4A4;
}

body > #mainSpa .btn
{
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	color : #FFFFFF;
	padding : 1rem 2rem;
	border : none;
	display : inline-block;
}

body > #mainSpa .btn:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

body > #mainSpa .btn:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

body > #mainSpa .btn.left
{
	padding-left : 1.5rem;
	margin-right: auto;
	i
	{
		font-size : 1.5rem;
		vertical-align : sub;
		margin-right : 0.5rem;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa .btn.left
	{
		font-size : 0;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa .btn.left i
	{
		font-size : 1.5rem;
	}
	
}

body > #mainSpa .btn.right
{
	padding-right : 1.5rem;
	margin-left: auto;
}

body > #mainSpa .btn.right i
{
	font-size : 1.5rem;
	vertical-align : sub;
	margin-left : 0.5rem;
}

@media (max-width : 1038px)
{
	body > #mainSpa .btn.right
	{
		font-size : 0;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa .btn.right i
	{
		font-size : 1.5rem;
	}
	
}

body > #mainSpa .bigbtn
{
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	color : #FFFFFF;
	border : none;
	display : inline-block;
	padding : 4rem 2rem;
	font-size : 1.5rem;
}

body > #mainSpa .bigbtn:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

body > #mainSpa .bigbtn:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

body > #mainSpa .bigbtn .details
{
	margin-top : 0.5rem;
	font-size : 0.9rem;
}

body > #mainSpa .buttons, body > #mainSpa .btn
{
}

@media print
{
	body > #mainSpa .buttons, body > #mainSpa .btn
	{
		display : none;
	}
	
}

body > #mainSpa .buttons.extends
{
	display : flex;
	justify-content : space-between;
	align-items : center;
}

@media (max-width : 1038px)
{
	body > #mainSpa .buttons.extends
	{
	}
	
}

body > #mainSpa .buttons.center
{
	text-align : center;
	justify-content : center;
}

body > #mainSpa > h2
{
	font-size : 2rem;
	font-weight : 200;
	margin : 0 1rem 1rem;
	text-align : center;
}

body > #mainSpa .imgBanner
{
	margin-top : -1rem;
	height : 30vh;
	background-size : cover;
	background-position : center center;
}

@media print
{
	body > #mainSpa .imgBanner
	{
		display : none;
	}
	
}

body > #mainSpa .imgBanner.small
{
	height : 8rem;
	background-position : top center;
}

body > #mainSpa .imgBanner + h2
{
	height : 0;
	position : relative;
	bottom : calc(4rem + 2vw) ;
	color : #FFFFFF;
	font-size : calc(2vw + 2rem);
	text-shadow : 0 0 30px #202020, 0 0 3px #202020;
}

@media print
{
	body > #mainSpa .imgBanner + h2
	{
		display : none;
	}
	
}

body > #mainSpa > .page
{
	padding : 1rem 1rem 2rem;
	flex-grow : 1;
}

body > #mainSpa > .page h2
{
	font-size : 2rem;
	font-weight : 200;
	margin-bottom : 1rem;
}

body > #mainSpa > .page h3
{
	font-size : 1.5rem;
	font-weight : 200;
	margin-bottom : 1rem;
}

body > #mainSpa > .page hr
{
	border : none;
	margin : 2rem -1rem;
}

body > #mainSpa > .page hr::after, body > #mainSpa > .page hr::before
{
	content : "";
	display : block;
	background-image : linear-gradient(to right, #A4A4A4 33%, transparent 0%);
	background-position : bottom 1px left;
	background-size : 3px 1px;
	background-repeat : repeat;
	height : 1px;
	margin : 2px 0;
}

body > #mainSpa > .page em
{
	color : #B80718;
	font-style : normal;
}

body > #mainSpa > .page div[basetarget]
{
	margin : 0 0 1rem;
	min-height : 1rem;
}

body > #mainSpa > .page .dual
{
	display : flex;
	margin : 0 -1rem;
}

body > #mainSpa > .page .dual > *
{
	width : 50%;
	padding : 1rem;
	text-align : center;
}

body > #mainSpa > .page .dual > *:nth-child(2n + 1)
{
	background-image : linear-gradient(#A4A4A4 33%, transparent 0%);
	background-position : right 1px top;
	background-size : 1px 3px;
	background-repeat : repeat-y;
}

@media (max-width : 1038px)
{
	body > #mainSpa > .page .dual > *:nth-child(2n + 1)
	{
		background : none;
	}
	
}

body > #mainSpa > .page .dual > *:nth-child(2n)
{
	background-image : linear-gradient(#A4A4A4 33%, transparent 0%);
	background-position : left 1px top;
	background-size : 1px 3px;
	background-repeat : repeat-y;
}

@media (max-width : 1038px)
{
	body > #mainSpa > .page .dual > *:nth-child(2n)
	{
		background : none;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > .page .dual > *
	{
		width : 100%;
		padding : 1rem;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > .page .dual > *:not(:first-child)
	{
		background-image : linear-gradient(to right, #A4A4A4 33%, transparent 0%);
		background-position : top 1px left;
		background-size : 3px 1px;
		background-repeat : repeat-x;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > .page .dual > *:not(:last-child)
	{
		background-image : linear-gradient(to right, #A4A4A4 33%, transparent 0%);
		background-position : bottom 1px left;
		background-size : 3px 1px;
		background-repeat : repeat-x;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa > .page .dual
	{
		flex-direction : column;
	}
	
}

body > #mainSpa > .page form
{
}

body > #mainSpa > .page form .labelInput.inline, body > #mainSpa > .page form .labelSelect.inline
{
	display : inline-block;
}

body > #mainSpa > .page form .labelInput.inline label, body > #mainSpa > .page form .labelSelect.inline label
{
	display : inline-block;
}

body > #mainSpa > .page form .labelInput.inline input, body > #mainSpa > .page form .labelInput.inline select, body > #mainSpa > .page form .labelSelect.inline input, body > #mainSpa > .page form .labelSelect.inline select
{
	width : auto;
	margin : 0 1rem;
}

body > #mainSpa > .page form .labelInput
{
	margin : 0.2rem 0 1rem;
}

body > #mainSpa > .page form .labelInput label
{
	display : block;
}

body > #mainSpa > .page form .labelInput input
{
	display : inline-block;
	width : 100%;
	max-width : 30rem;
	margin : 0.2rem auto 0;
	padding : 0.5rem;
	font-family : inherit;
	font-size : inherit;
}

body > #mainSpa > .page form .labelInput input[type='checkbox']:first-child
{
	display : none;
}

body > #mainSpa > .page form .labelInput input[type='checkbox'] + label
{
}

body > #mainSpa > .page form .labelInput input[type='checkbox'] + label:hover::after
{
	border-color : #4C4C4E;
}

body > #mainSpa > .page form .labelInput input[type='checkbox'] + label::after
{
	content : "Non";
	width : 3rem;
	text-align : center;
	display : inline-block;
	background-color : #A4A4A4;
	padding : 0.5rem;
	margin : 0.5rem 1rem;
	color : white;
	border-radius : 2px;
	cursor : pointer;
	border : 1px solid transparent;
}

body > #mainSpa > .page form .labelInput input[type='checkbox']:checked + label
{
}

body > #mainSpa > .page form .labelInput input[type='checkbox']:checked + label::after
{
	content : "Oui";
	background-color : #B80718;
}

body > #mainSpa > .page form .labelSelect
{
	margin : 0.2rem 0 1rem;
}

body > #mainSpa > .page form .labelSelect label
{
	display : block;
}

body > #mainSpa > .page form .labelSelect select
{
	display : inline-block;
	width : 100%;
	max-width : 30rem;
	margin : 0.2rem auto 0;
	padding : 0.5rem;
	font-family : inherit;
	font-size : inherit;
}

body > #mainSpa > .page form .buttons
{
	text-align : center;
	padding : 1rem 0;
}

body > #mainSpa > .page form .buttons input
{
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	color : #FFFFFF;
	padding : 1rem 2rem;
	border : none;
	font-size : inherit;
	font-family : inherit;
	white-space : normal;
}

body > #mainSpa > .page form .buttons input:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

body > #mainSpa > .page form .buttons input:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

body > #mainSpa #connexion
{
}

body > #mainSpa #connexion .dual
{
	margin-top : 1rem;
	margin-bottom : 1rem;
}

body > #mainSpa #connexion .dual > div:first-child
{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
}

body > #mainSpa #connexion .dual div[basetarget]
{
	text-align : left;
	width : 100%;
}

body > #mainSpa #accueil, body > #mainSpa #historique
{
}

body > #mainSpa #accueil .resas, body > #mainSpa #historique .resas
{
	margin-top : 2rem;
}

body > #mainSpa #accueil .resas .resa, body > #mainSpa #historique .resas .resa
{
	display : flex;
	background-color : #FFFFFF;
	padding : 0 1rem;
	margin : 1rem 0 2rem -3px;
	align-items : center;
	border-left : 3px solid transparent;
}

body > #mainSpa #accueil .resas .resa em, body > #mainSpa #historique .resas .resa em
{
	color : #202020;
}

body > #mainSpa #accueil .resas .resa > .btn, body > #mainSpa #historique .resas .resa > .btn
{
	padding : 0.75rem 1rem;
	margin : 0 0.5rem;
}

body > #mainSpa #accueil .resas .resa > .infos, body > #mainSpa #historique .resas .resa > .infos
{
	padding : 1rem;
	flex-grow : 1;
	color : #A4A4A4;
}

body > #mainSpa #accueil .resas .resa:hover, body > #mainSpa #historique .resas .resa:hover
{
	border-left-color : #B80718;
}

body > #mainSpa #accueil .buttons, body > #mainSpa #historique .buttons
{
	text-align : center;
}

body > #mainSpa #reserver
{
}

body > #mainSpa #reserver .ariane
{
	counter-reset : ariane;
	display : flex;
	justify-content : space-between;
	margin-bottom : 1rem;
	font-size : 1.5rem;
	flex-basis : 100%;
}

@media print
{
	body > #mainSpa #reserver .ariane
	{
		display : none;
	}
	
}

body > #mainSpa #reserver .ariane a
{
	padding : 0.5rem 2rem 1rem;
}

body > #mainSpa #reserver .ariane a::before
{
	counter-increment : ariane;
	content : counter(ariane);
	display : inline-flex;
	width : 2rem;
	height : 2rem;
	align-items : center;
	justify-content : center;
	border : 2px solid;
	border-radius : 50%;
	margin-right : 1rem;
}

body > #mainSpa #reserver .ariane a.current
{
	color : #B80718 !important;
	cursor : default;
}

body > #mainSpa #reserver .ariane a.current ~ a
{
	color : #A4A4A4;
	cursor : default;
}

@media (max-width : 1038px)
{
	body > #mainSpa #reserver .ariane
	{
		flex-direction : column;
		font-size : 1rem;
	}
	
}

body > #mainSpa #reserver .content
{
	height : 100%;
	position : relative;
	padding-bottom : 5rem;
}

body > #mainSpa #reserver .recap
{
	width : calc(35% - 3rem);
	display : inline-block;
	vertical-align : top;
	margin : 0 2rem 2rem 1rem;
}

@media (max-width : 1038px)
{
	body > #mainSpa #reserver .recap
	{
		width : calc(100% - 2rem);
		max-width : 30rem;
		align-self : center;
		margin: 0 auto 1rem;
		display: block;
	}
	
}

body > #mainSpa #reserver .part:not(.visible)
{
	display : none;
}

body > #mainSpa #reserver form
{
}

body > #mainSpa #reserver form .part
{
	width : 65%;
	display : inline-block;
	vertical-align : top;
}

@media (max-width : 1038px)
{
	body > #mainSpa #reserver form .part
	{
		width : 100%;
	}
	
}

@media print
{
	body > #mainSpa #reserver form .part
	{
		display : none;
	}
	
}

body > #mainSpa #reserver form .part .buttons:last-child
{
	position : absolute;
	bottom : 0;
	left : 33%;
	right : 0;
}

@media (max-width : 1038px)
{
	body > #mainSpa #reserver form .part .buttons:last-child
	{
		position : static;
	}
	
}

body > #mainSpa #reserver form .partUn
{
}

body > #mainSpa #reserver form .partUn label[for='ip_nombre']
{
	width : 9rem;
}

body > #mainSpa #reserver form .partUn .buttons
{
	justify-content : flex-end;
}

body > #mainSpa #reserver form .partUn .personnes
{
}

body > #mainSpa #reserver form .partUn .personnes .personne
{
	margin : 1rem 0;
}

body > #mainSpa #reserver form .partUn .personnes .personne input
{
	margin : 0.2rem 1rem;
	padding : 0.5rem;
}

body > #mainSpa #reserver form .partDeux
{
}

body > #mainSpa #reserver form .partDeux .massages
{
}

body > #mainSpa #reserver form .partDeux .massages .massage:not(:first-child)
{
	margin-top : 2rem;
}

body > #mainSpa #reserver form .partDeux .massages .massage
{
}

body > #mainSpa #reserver form .partDeux .massages .massage header
{
	font-size : 1.3rem;
}

body > #mainSpa #reserver form .partDeux .massages .massage .dual > div
{
	margin : 0;
}

body > #mainSpa #reserver form .partTrois
{
}

body > #mainSpa #reserver form .partTrois .legend
{
	display : flex;
	justify-content : space-between;
}

body > #mainSpa #reserver form .partTrois .legend span
{
	width : 100%;
	padding : 0.5rem;
	display : flex;
	align-items : center;
	justify-content : center;
	height : 2rem;
}

body > #mainSpa #reserver form .partTrois .creneaux
{
	margin-bottom : 5rem;
}

body > #mainSpa #reserver form .partTrois .creneaux .creneau
{
	margin : 1rem;
	display : inline-block;
	vertical-align : top;
	cursor : pointer;
	border-radius : 2px;
	padding : 1rem 0.5rem;
	background-color : #B80718;
	color : #FFFFFF;
	-moz-transition : background-color 200ms, color 200ms;
}

body > #mainSpa #reserver form .partTrois .creneaux .creneau:hover
{
	background-color : #A4A4A4 !important;
	color : #FFFFFF !important;
}

body > #mainSpa #reserver form .partTrois .creneaux .creneau:hover .label
{
	color : #FFFFFF !important;
}

body > #mainSpa #reserver form .partTrois .creneaux .creneau .label
{
	display : block;
	font-size : 2rem;
	font-weight : 600;
}

body > #mainSpa #reserver form .partRecap
{
}

body > #mainSpa #reserver form .partRecap .labelText
{
}

body > #mainSpa #reserver form .partRecap .labelText textarea
{
	display : block;
	resize : vertical;
	min-height : 12rem;
	height : 12rem;
	font-size : inherit;
	font-family : inherit;
	width : 100%;
	padding : 0.5rem;
}

body > #mainSpa #reserver form .partCB
{
}

body > #mainSpa #reserver form .partCB input[type='number']
{
	width : 9.6rem;
}

body > #mainSpa #reserver form > .buttons
{
	display : flex;
	justify-content : space-between;
}

@media (max-width : 1038px)
{
	body > #mainSpa #reserver form > .buttons
	{
		flex-direction : column;
		align-items : flex-start;
	}
	
}

body > #mainSpa #resa
{
	text-align : center;
}

body > #mainSpa #resa .buttons:not(:first-child)
{
	margin-top : 2rem;
}

body > #mainSpa #resa .buttons:not(:last-child)
{
	margin-bottom : 2rem;
}

body > #mainSpa .blockResa
{
	background-color : #FFFFFF;
	display : inline-block;
	margin : 0 auto;
	font-family : "Courier New", monospace;
	padding : 2rem 1rem;
	text-align : left;
	overflow : hidden;
	position : relative;
	box-shadow: 0 0 9px -3px rgba(0, 0, 0, 0.2);
}

@media print
{
	body > #mainSpa .blockResa
	{
		border : 1px solid #202020;
		box-shadow : none;
	}
	
}

body > #mainSpa .blockResa h3, body > #mainSpa .blockResa header
{
	font-size : 1.5rem;
	text-align : center;
}

body > #mainSpa .blockResa hr
{
	margin : 0;
	background : none;
	width : 100%;
	overflow : hidden;
	padding-bottom : 1rem;
}

body > #mainSpa .blockResa hr::before, body > #mainSpa .blockResa hr::after
{
	background : none;
}

body > #mainSpa .blockResa hr::before, body > #mainSpa .blockResa .prop::after
{
	display : block;
	height : 1rem;
	content : "-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------";
	left : 0;
	right : 0;
	overflow : hidden;
	position : absolute;
	color : #A4A4A4;
}

body > #mainSpa .blockResa .prop
{
	display : flex;
	padding-bottom : 1rem;
	flex-wrap : wrap;
	overflow : hidden;
}

body > #mainSpa .blockResa .prop::before
{
	content : "";
	display : block;
	height : 1rem;
	flex-basis : 100%;
}

body > #mainSpa .blockResa .prop .name
{
	position : relative;
	padding-right : 1rem;
}

body > #mainSpa .blockResa .prop .value
{
	flex-grow : 1;
	text-align : right;
	margin-left : 1rem;
}

body > #mainSpa .blockResa .prop.right
{
}

body > #mainSpa .blockResa .prop.right .name
{
	flex-grow : 1;
	text-align : right;
}

body > #mainSpa .blockResa .prop.right .value
{
	flex-grow : 0;
}

body > #mainSpa .blockResa .annule
{
	position : absolute;
	top : 0.5rem;
	left : 0.5rem;
	font-size : 3rem;
	color : #B80718;
	-moz-transform : rotate(-5deg);
	font-weight : 600;
	text-shadow : 5px 5px 2px #FFFFFF, -5px 5px 2px #FFFFFF, 5px -5px 2px #FFFFFF;
	z-index : 2;
}

body > #mainSpa #demandes
{
}

body > #mainSpa #demandes .demandes
{
}

body > #mainSpa #demandes .demandes .demande
{
	display : flex;
	background-color : #FFFFFF;
	padding : 0 1rem;
	margin : 1rem 0 2rem;
	align-items : center;
	color : #A4A4A4;
}

body > #mainSpa #demandes .demandes .demande em
{
	color : #202020;
}

body > #mainSpa #demandes .demandes .demande > a
{
}

body > #mainSpa #demandes .demandes .demande > .infos
{
	padding : 1rem;
	flex-grow : 1;
}

body > #mainSpa table.calendrier.toLeft tbody
{
	-moz-animation : goToLeft 200ms ease-in-out 0s 1 forwards;
}

body > #mainSpa table.calendrier.toRight tbody
{
	-moz-animation : goToRight 200ms ease-in-out 0s 1 forwards;
}

body > #mainSpa table.calendrier.fromLeft tbody
{
	-moz-animation : comeFromLeft 200ms ease-in-out 0s 1 forwards;
}

body > #mainSpa table.calendrier.fromRight tbody
{
	-moz-animation : comeFromRight 200ms ease-in-out 0s 1 forwards;
}

body > #mainSpa table.calendrier
{
	width : 100%;
	table-layout: fixed;
	margin-bottom : 2rem;
	position : relative;
	overflow : hidden;
	border-spacing: 0;
	border-collapse: collapse;
}

body > #mainSpa table.calendrier tbody
{
	position : relative;
}

@media (max-width : 1038px)
{
	body > #mainSpa table.calendrier
	{
		width : calc(100% + 2rem);
		margin : 0 -1rem;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa table.calendrier tr th:first-child
	{
		width : 3rem;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa table.calendrier tr:first-child th
	{
		font-size : 0;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa table.calendrier tr:first-child th::first-letter
	{
		font-size : 1rem;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa table.calendrier tr:first-child th .dayLabel
	{
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa table.calendrier tr:first-child th .dayLabel span
	{
		font-size : 1rem;
		display : block;
	}
	
}

body > #mainSpa table.calendrier tr th[onclick]
{
	cursor : pointer;
}

body > #mainSpa table.calendrier tr
{
}

body > #mainSpa table.calendrier tr th
{
	padding : 0.5rem 0;
	width : calc(100% / 7);
	font-weight : normal;
	position : relative;
	height : 2rem;
}

body > #mainSpa table.calendrier tr th .hourLabel
{
	position : absolute;
	top : -0.5rem;
	right : 0;
	left : 0;
	text-align : right;
	z-index : 2;
}

body > #mainSpa table.calendrier tr td
{
	position : relative;
}

body > #mainSpa table.calendrier tr td input[type='checkbox']
{
	display : none;
}

body > #mainSpa table.calendrier tr td input[type='checkbox']:checked + label
{
	background-color : #07B82A;
}

body > #mainSpa table.calendrier tr td input[type='checkbox']:not(:checked) + label
{
	background-color : #B80718;
}

body > #mainSpa table.calendrier tr td input[type='checkbox'] + label
{
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	cursor : pointer;
	-moz-transition : background-color 200ms;
	border : 1px solid #f5f5f5;
}

body > #mainSpa #dispos
{
}

body > #mainSpa #dispos .indispos
{
	margin-bottom : 2rem;
}

body > #mainSpa #dispos .indispos .indispo
{
}

body > #mainSpa #dispos .indispos .indispo a
{
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	border : none;
	padding : 0.5rem 1rem;
	margin : 0.5rem 2rem 0.5rem 0.5rem;
	display : inline-block;
	color : #FFFFFF;
}

body > #mainSpa #dispos .indispos .indispo a:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

body > #mainSpa #dispos .indispos .indispo a:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

body > #mainSpa #dispos .newIndispo
{
	margin-bottom : 2rem;
}

body > #mainSpa #dispos .newIndispo > span
{
	display : inline-block;
}

body > #mainSpa #dispos .newIndispo > span > span
{
	display : inline-block;
}

body > #mainSpa #dispos .newIndispo > span > span label
{
	display : inline-block;
	width : 1rem;
}

body > #mainSpa #dispos .newIndispo > span > span input
{
	padding : 0.5rem;
	margin : 0.5rem 1rem;
	font-size : inherit;
	font-family : inherit;
}

@media (max-width : 1038px)
{
	body > #mainSpa #dispos .newIndispo > span
	{
		display : block;
	}
	
}

body > #mainSpa #dispos .newIndispo a
{
	margin : 1rem 1rem 1rem 2rem;
}

body > #mainSpa #planningMasseur
{
}

body > #mainSpa #planningMasseur #labelSemaine
{
	font-size : 1.5rem;
}

body > #mainSpa #planningMasseur table.calendrier
{
	background : linear-gradient(135deg, #A4A4A4 16.6%, transparent 17%, transparent 50%, #A4A4A4 50.5%, #A4A4A4 66.6%, transparent 67%) top left repeat;
	background-size : 1rem 1rem;
	border-spacing: 0;
	border-collapse: collapse;
}

body > #mainSpa #planningMasseur table.calendrier th, body > #mainSpa #planningMasseur table.calendrier td:not(.indispo)
{
	background-color : #f5f5f5;
}

body > #mainSpa #planningMasseur table.calendrier td a
{
	background-color : #07B82A;
	color : white;
	position : absolute;
	top : 0;
	left : 0;
	width:calc(100% - 1px) ;
	height:calc(100% - 1px) ;
	display : flex;
	align-items : center;
	justify-content : start;
	white-space:nowrap ;
	font-size: 0.8rem;
	overflow:hidden ;
}

@media (max-width : 1038px)
{
	body > #mainSpa #planningMasseur table.calendrier td a
	{
		font-size : 0;
		justify-content:center ;
	}
	
}

@media (max-width : 1038px)
{
	body > #mainSpa #planningMasseur table.calendrier td a::after
	{
		content : "\f017";
		font-weight:900 ;
		font-size : 1.5rem;
		font-family : FontAwesome;
	}
	
}

body > #mainSpa #listeMassages
{
}

body > #mainSpa #listeMassages .massage
{
}

body > #mainSpa #listeMassages .massage .nom
{
	color : #B80718;
	font-weight : 600;
	margin-bottom : 0.5rem;
}

body > #mainSpa #listeMassages .massage .cout, body > #mainSpa #listeMassages .massage .duree
{
	font-style : italic;
	padding-left : 1rem;
}

body > #mainSpa #listeMassages .massage .description
{
	margin-top : 0.5rem;
}

body > #mainSpa #listeMassages .buttons:first-child
{
	margin-bottom : 2rem;
}

body > #mainSpa #listeMassages .buttons:last-child
{
	margin-top : 2rem;
	margin-bottom : 1rem;
}

body > #mainSpa #dispos
{
}

body > #mainSpa #dispos #labelSemaine
{
	font-size : 1.5rem;
}

body > #mainSpa #dispos table.calendrier
{
}

body > #mainSpa #dispos table.calendrier input[type='checkbox'].type:not(:checked) + label::before, body > #mainSpa #dispos table.calendrier input[type='checkbox']:not(.type):checked + label::before
{
	content : "\f044";
	font-weight:900 ;
	font-family : FontAwesome;
	color : #FFFFFF;
	font-size : 2rem;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	text-align : center;
}

body > #mainSpa > #mainFooter
{
	color : #A4A4A4;
	background-color : #202020;
	padding : 1rem;
}

@media print
{
	body > #mainSpa > #mainFooter
	{
		display : none;
	}
	
}

body > #mainSpa > #mainFooter a
{
	color : #FFFFFF;
	text-decoration : underline;
}

body > #mainSpa > #mainFooter a:hover
{
	color : #B80718;
}

body > #mainSpa > #mainFooter a.facebook
{
	text-decoration : none;
	color : #A4A4A4;
}

body > #mainSpa > #mainFooter a.facebook:hover
{
	color : #B80718;
}

body > #mainSpa > #mainFooter a.facebook::before
{
	content : "\f39e" ;
	font-family:FontAwesomeBrands ;
	font-size : 2.5rem;
}

body > #mainSpa > #mainFooter .dual
{
}

body > #mainSpa > #mainFooter .dual > div
{
	display : inline-block;
	vertical-align : bottom;
	width : 50%;
}

body > #mainSpa > #mainFooter .dual > div:nth-of-type(2n)
{
	text-align : right;
}

@media (max-width : 1038px)
{
	body > #mainSpa > #mainFooter .dual > div
	{
		display : block;
		width : 100%;
	}
	
}

.geaPanel .geaPanelBlock
{
}

.geaPanel .geaPanelBlock .geaPanelText[style*='warning']
{
	background : none !important;
}

.geaPanel .geaPanelBlock .geaPanelText[style*='warning']::before
{
	content : "\f071";
	font-family : FontAwesome;
	font-weight:900 ;
	position : absolute;
	width : 64px;
	height : 64px;
	font-size : 64px;
	left : 0;
	top : 16px;
	color : #A4A4A4;
}

.geaPanel .geaPanelBlock .geaPanelText
{
}

.geaPanel .geaPanelBlock .geaPanelText input[type='number'], .geaPanel .geaPanelBlock .geaPanelText input[type='date'], .geaPanel .geaPanelBlock .geaPanelText select
{
	box-sizing : border-box;
	min-width : 8rem;
	height : 3rem;
	padding : 0.5rem;
	margin : 0.5rem;
	font-size : inherit !important;
	text-align : center;
	vertical-align : middle;
}

.geaPanel .geaPanelBlock .geaPanelText .today
{
	display : inline-block;
	vertical-align : middle;
	background-color : #B80718 !important;
	border-radius : 2px !important;
	color : #FFFFFF !important;
	-moz-transition : background-color 200ms !important;
	padding : 0.6rem 2rem !important;
}

.geaPanel .geaPanelBlock .geaPanelText .today:hover
{
	background-color : #A4A4A4 !important;
}

.geaPanel .geaPanelBlock .geaPanelText .geaPanelButtons
{
}

.geaPanel .geaPanelBlock .geaPanelText .geaPanelButtons a
{
	background-color : #B80718 !important;
	border-radius : 2px !important;
	color : #FFFFFF !important;
	-moz-transition : background-color 200ms !important;
	padding : 0.8rem 2rem !important;
}

.geaPanel .geaPanelBlock .geaPanelText .geaPanelButtons a:hover
{
	background-color : #A4A4A4 !important;
}

@keyframes goToLeft
{
	0%
	{
		right : 0;
		left : 0;
	}
	
	100%
	{
		right : 100%;
		left : -100%;
	}
	
}

@keyframes goToRight
{
	0%
	{
		right : 0;
		left : 0;
	}
	
	100%
	{
		right : -100%;
		left : 100%;
	}
	
}

@keyframes comeFromRight
{
	0%
	{
		left : 100%;
		right : -100%;
	}
	
	100%
	{
		left : 0;
		right : 0;
	}
	
}

@keyframes comeFromLeft
{
	0%
	{
		left : -100%;
		right : 100%;
	}
	
	100%
	{
		left : 0;
		right : 0;
	}
	
}

body.geneasy
{
}

body.geneasy > #mainDiv > #mainAdmin
{
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	background-color : #f5f5f5;
	overflow : auto ;
	padding : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin *
{
	box-sizing : border-box;
}

body.geneasy > #mainDiv > #mainAdmin .btn
{
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	color : #FFFFFF;
	padding : 1rem 2rem;
	border : none;
	display : inline-block;
}

body.geneasy > #mainDiv > #mainAdmin .btn:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

body.geneasy > #mainDiv > #mainAdmin .btn:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

body.geneasy > #mainDiv > #mainAdmin .btn.left
{
	padding-left : 1.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .btn.left i
{
	font-size : 1.5rem;
	vertical-align : sub;
	margin-right : 0.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .btn.right
{
	padding-right : 1.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .btn.right i
{
	font-size : 1.5rem;
	vertical-align : sub;
	margin-left : 0.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .buttons
{
	text-align : center;
	font-size : 1rem;
	margin-bottom : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .buttons.extends
{
	display : flex;
	justify-content : space-between;
	align-items : center;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs
{
	font-size : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap
{
	text-align : center;
	margin-bottom : 2rem;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap .masseurs
{
	display : inline-block;
	background-color : white;
	margin : 0.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap .masseurs table
{
	font-size : 1rem;
	border-spacing : 0;
	border-collapse : collapse;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap .masseurs table td, body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap .masseurs table th
{
	padding : 0.3rem 0.5rem;
	border : 1px solid #A4A4A4;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap .masseurs table tbody
{
	font-size : 0.8rem;
}

body.geneasy > #mainDiv > #mainAdmin .recapMsgs .recap .masseurs table tbody tr:last-child
{
	font-size : 1rem;
	background-color : #E2E2E2;
}

body.geneasy > #mainDiv > #mainAdmin #labelSemaine, body.geneasy > #mainDiv > #mainAdmin #labelDay
{
	font-size : 1.5rem;
	cursor : pointer;
}

body.geneasy > #mainDiv > #mainAdmin .planning, body.geneasy > #mainDiv > #mainAdmin .planningDay
{
}

body.geneasy > #mainDiv > #mainAdmin .planning table, body.geneasy > #mainDiv > #mainAdmin .planningDay table
{
	width : 100%;
	background-color : #FFFFFF;
	table-layout : fixed;
	padding : 0.5rem;
	-moz-user-select : none;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tbody, body.geneasy > #mainDiv > #mainAdmin .planningDay table tbody
{
	position : relative;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr > *:first-child, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr > *:first-child
{
	width : 4rem;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:first-child, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:first-child
{
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:first-child th, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:first-child th
{
	padding : 0.5rem;
	font-size : 1rem;
	font-weight : normal;
	color : #B80718;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child), body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child)
{
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) th, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) th
{
	color : #B80718;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td
{
	height : 1rem;
	text-align : center;
	position : relative;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbSpa, body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbMassage, body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbAjout, body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbDispos, body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbAddMassage, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbSpa, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbMassage, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbAjout, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbDispos, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbAddMassage
{
	font-size : 0.82rem;
	line-height : 1rem;
	display : inline-block;
	width : 3rem;
	vertical-align : top;
	background-color : #07B82A;
	font-weight : bold;
	color : #FFFFFF;
	text-align : center;
	height : calc(100% + 1px);
	position : absolute;
	top : 0;
	border : 1px solid #202020;
	z-index : 2;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbSpa, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbSpa
{
	left : calc(50% - 1px);
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbAjout a, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbAjout a
{
	color : inherit;
	text-decoration : none;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbMassage, body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbDispos, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbMassage, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbDispos
{
	right : 50%;
	height : calc(400% + 1px);
	z-index : 3;
	display : inline-flex;
	align-items : center;
	justify-content : center;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbAddMassage, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbAddMassage
{
	right : 50%;
	background-color : #B80718;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .listeMasseurs, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .listeMasseurs
{
	background-color : #f5f5f5;
	position : absolute;
	top : 0;
	left : calc(50% - 1px);
	border : 1px solid #A4A4A4;
	min-height : calc(400% + 1px);
	padding : 0 0.5rem;
	white-space : nowrap;
	z-index : 2;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .nbDispos:not(:hover) + .listeMasseurs, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .nbDispos:not(:hover) + .listeMasseurs
{
	display : none;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .typeH, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .typeH
{
	position : absolute;
	top : 0;
	left : calc(50% - 2rem);
	width : 4rem;
	height : calc(1rem + 1px);
	border : 1px solid #202020;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .typeH.nd, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .typeH.nd
{
	background-color : #A4A4A4;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .typeH.HC, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .typeH.HC
{
	background-color : #07B82A;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .typeH.HP, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .typeH.HP
{
	background-color : #B80718;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child) td .typeH.Fermé, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child) td .typeH.Fermé
{
	background-color : black;
	color : white;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr > *:first-child, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr > *:first-child
{
	background : white;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:nth-child(4n + 2):not(:first-child) > *:first-child, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:nth-child(4n + 2):not(:first-child) > *:first-child
{
	background : white linear-gradient(#B80718, #B80718) top left repeat-x;
	background-size : 1px 1px;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:nth-child(4n + 2):not(:first-child), body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:nth-child(4n + 2):not(:first-child)
{
	background : linear-gradient(#B80718, #B80718) top left repeat-x;
	background-size : 1px 1px;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr.hotel, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr.hotel
{
	background : linear-gradient(135deg, #E2E2E2 16.6%, transparent 17%, transparent 50%, #E2E2E2 50.5%, #E2E2E2 66.6%, transparent 67%) top left repeat;
	background-size : 1rem 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr.hotel:nth-child(4n + 2):not(:first-child), body.geneasy > #mainDiv > #mainAdmin .planningDay table tr.hotel:nth-child(4n + 2):not(:first-child)
{
	background : linear-gradient(#B80718, #B80718) top left repeat-x, linear-gradient(135deg, #E2E2E2 16.6%, transparent 17%, transparent 50%, #E2E2E2 50.5%, #E2E2E2 66.6%, transparent 67%) top left repeat;
	background-size : 1px 1px, 1rem 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:not(:first-child):hover > *:first-child, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:not(:first-child):hover > *:first-child
{
	background-color : #E2E2E2;
}

body.geneasy > #mainDiv > #mainAdmin .planning table tr:hover:nth-child(4n + 2):not(:first-child) > *:first-child, body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:hover:nth-child(4n + 2):not(:first-child) > *:first-child
{
	background : #E2E2E2 linear-gradient(#B80718, #B80718) top left repeat-x;
	background-size : 1px 1px;
}

body.geneasy > #mainDiv > #mainAdmin .planning table.h1 tr > *:nth-child(2), body.geneasy > #mainDiv > #mainAdmin .planning table.h2 tr > *:nth-child(3), body.geneasy > #mainDiv > #mainAdmin .planning table.h3 tr > *:nth-child(4), body.geneasy > #mainDiv > #mainAdmin .planning table.h4 tr > *:nth-child(5), body.geneasy > #mainDiv > #mainAdmin .planning table.h5 tr > *:nth-child(6), body.geneasy > #mainDiv > #mainAdmin .planning table.h6 tr > *:nth-child(7), body.geneasy > #mainDiv > #mainAdmin .planning table.h7 tr > *:nth-child(8), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h1 tr > *:nth-child(2), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h2 tr > *:nth-child(3), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h3 tr > *:nth-child(4), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h4 tr > *:nth-child(5), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h5 tr > *:nth-child(6), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h6 tr > *:nth-child(7), body.geneasy > #mainDiv > #mainAdmin .planningDay table.h7 tr > *:nth-child(8)
{
	background-color : #B8071820;
	cursor : pointer;
}

body.geneasy > #mainDiv > #mainAdmin .planning table.toLeft tbody, body.geneasy > #mainDiv > #mainAdmin .planningDay table.toLeft tbody
{
	-moz-animation : goToLeft 200ms ease-in-out 0s 1 forwards;
}

body.geneasy > #mainDiv > #mainAdmin .planning table.toRight tbody, body.geneasy > #mainDiv > #mainAdmin .planningDay table.toRight tbody
{
	-moz-animation : goToRight 200ms ease-in-out 0s 1 forwards;
}

body.geneasy > #mainDiv > #mainAdmin .planning table.fromLeft tbody, body.geneasy > #mainDiv > #mainAdmin .planningDay table.fromLeft tbody
{
	-moz-animation : comeFromLeft 200ms ease-in-out 0s 1 forwards;
}

body.geneasy > #mainDiv > #mainAdmin .planning table.fromRight tbody, body.geneasy > #mainDiv > #mainAdmin .planningDay table.fromRight tbody
{
	-moz-animation : comeFromRight 200ms ease-in-out 0s 1 forwards;
}

body.geneasy > #mainDiv > #mainAdmin .planning
{
}

body.geneasy > #mainDiv > #mainAdmin .planning tr:first-child
{
}

body.geneasy > #mainDiv > #mainAdmin .planning tr:first-child th
{
	position : relative;
	vertical-align : bottom;
}

body.geneasy > #mainDiv > #mainAdmin .planning tr:first-child th .nbClient
{
	display : block;
	color : black;
	font-size : 0.8rem;
	white-space : nowrap;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay
{
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table
{
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr.massage > *:first-child
{
	border-right : 8px solid #B80718;
	border-left : 8px solid white;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:first-child
{
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:first-child > th:nth-child(4)
{
	text-decoration : underline;
	position : relative;
	cursor : pointer;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr:first-child > th:nth-child(4)::after
{
	position : absolute;
	top : -0.4rem;
	right : 0;
	content : "\f013";
	font-weight:900 ;
	font-family : 'FontAwesome';
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr
{
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr > *:nth-child(4)
{
	width : calc(6rem - 1px);
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr > *:nth-child(4) span.nbSpa
{
	left : auto;
	right : calc(2rem - 1px);
	width : 4rem;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr > *:nth-child(4) span.nbAjout
{
	right : 0;
	width : 2rem;
	font-weight : normal;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr .nbClient
{
	color : black;
	white-space : nowrap;
	padding-left : 2rem;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr .option
{
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr .option .userName
{
	color : white;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr .option .bg
{
	background-color : #2B579A !important;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr td[data-resa]
{
	cursor : pointer;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr td[data-resa] .userName
{
	position : absolute;
	text-align: left;
	top : 0;
	left : 3px;
	right : 3px;
	z-index : 5;
	overflow : hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr td[data-resa] .bg
{
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	z-index : 4;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr td[data-resa] .weight
{
	z-index : 5;
	position : absolute;
	left : 0;
	right : 0;
	bottom : -0.5rem;
	font-size: 3rem;
	font-weight: 900;
	color: black;
	opacity: 0.3;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr td.hover
{
	color : white;
}

body.geneasy > #mainDiv > #mainAdmin .planningDay table tr td.hover .bg
{
	background-color : #B80718 !important;
}

body.geneasy > #mainDiv > #mainAdmin .tarifs
{
}

body.geneasy > #mainDiv > #mainAdmin .tarifs table
{
	margin : 0 auto 3rem;
	font-size : 1rem;
	border : 1px solid #666;
	padding : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .tarifs table th
{
	padding : 0.5rem;
	font-weight : normal;
}

body.geneasy > #mainDiv > #mainAdmin .tarifs table td
{
	width : 12rem;
	white-space : nowrap;
	text-align : center;
}

body.geneasy > #mainDiv > #mainAdmin .tarifs table td input
{
	padding : 0.5rem;
	display : inline-block;
	text-align : right;
	vertical-align : baseline;
	font-size : 1rem;
	border : 1px solid #666;
	border-right: none;
	width : 6rem;
}

body.geneasy > #mainDiv > #mainAdmin .tarifs table td::after
{
	content : "€";
	display : inline-block;
	padding : 0.5rem;
	vertical-align : baseline;
	border : 1px solid #666;
	border-left: none;
	background-color : white;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa
{
	text-align : center;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content
{
	display : inline-block;
	vertical-align : top;
	border : 1px solid #666;
	padding : 1rem;
	margin : 2rem;
	text-align : left;
	min-width : 30rem;
	background-color : white;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content h3
{
	font-size : 2rem;
	font-weight : 200;
	margin-top : 0;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content hr
{
	border-top : none;
	border-bottom : 1px dotted #666;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content .prop
{
	padding : 0.5rem;
	border-bottom : 1px dotted #666;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content .prop .name
{
	float : left;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content .prop .value
{
	display : block;
	text-align : right;
}

body.geneasy > #mainDiv > #mainAdmin .voirResa .content .prop textarea
{
	display : inline;
	width : 16rem;
	height : 8rem;
	min-height : 8rem;
	resize : vertical;
}

body.geneasy > #mainDiv > #mainAdmin .newResa
{
	text-align : center;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form
{
	display : inline-block;
	vertical-align : top;
	padding : 1rem;
	border : 1px solid #666;
	background-color : white;
	margin : 0 4rem 4rem;
	text-align : left;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form fieldset
{
	margin : 1rem;
	padding : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form fieldset .labelSelect select
{
	width : 8rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form label
{
	width : 8rem;
	vertical-align : baseline;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelInput, body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber
{
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelInput label, body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber label
{
	text-align : left;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelInput input:not([type='checkbox']), body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber input:not([type='checkbox'])
{
	padding : 0.1rem;
	margin : 0.5rem;
	width : 12rem;
	vertical-align : middle;
	text-align : left;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelInput input[type='checkbox'], body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber input[type='checkbox']
{
	vertical-align : middle;
	margin : 0.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelInput button, body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber button
{
	vertical-align : middle;
	margin : 0 0.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber
{
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber input
{
	text-align : center;
	width : 3rem !important;
	padding : 3px !important;
	font-size : inherit;
	border : 1px solid #665;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelNumber .unit
{
	background-color : white;
	position : relative;
	left : calc(-0.5rem - 1px);
	vertical-align : middle;
	border : 1px solid #665;
	border-left : none;
	padding : 3px 6px;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelCheck
{
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelCheck input
{
	margin : 0.5rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelText
{
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelText textarea
{
	margin : 0.5rem;
	vertical-align : middle;
	resize : vertical;
	min-height : 4rem;
	height : 4rem;
	width : 12rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelSelect
{
}

body.geneasy > #mainDiv > #mainAdmin .newResa form .labelSelect select
{
	margin : 2px 0.5rem;
	width : 12rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa > * > h3
{
	font-size : 2rem;
	margin-top : 0;
	font-weight : 100;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient
{
	display : inline-block;
	vertical-align : top;
	border : 1px solid #666;
	background-color : white;
	margin : 0 4rem 4rem;
	padding : 1rem;
	max-width : 30rem;
	text-align : left;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient h3
{
	margin-bottom : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .blacklist
{
	color : #B80718;
	font-size : 2rem;
	font-weight : 600;
	text-align : center;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .blacklist div
{
	font-size : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .bonclient
{
	color : #07B82A;
	font-size : 2rem;
	font-weight : 600;
	text-align : center;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .infos
{
	font-size : 1rem;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .note
{
	margin : 0.5rem;
	padding : 0.5rem;
	border : 1px solid #666;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .note .date
{
	margin-bottom : 0.25rem;
	padding-bottom : 0.25rem;
	border-bottom : 1px solid #CCC;
}

body.geneasy > #mainDiv > #mainAdmin .newResa #infoClient .buttons
{
	margin-top : 1rem;
	margin-bottom : 0;
}

.geaPanel .payements
{
}

.geaPanel .payements > div
{
	display : flex;
	margin-top : 0.5rem;
}

.geaPanel .payements > div label
{
	margin : 0 1rem;
	width : 15rem;
	text-align : left;
}

.geaPanel .payements > div input:last-child
{
	flex-grow : 1;
}

#obscur
{
}

#obscur iframe
{
	position:absolute ;
	left:0 ;
	top:0 ;
	right:0 ;
	bottom:0 ;
	z-index:4 ;
}

#client
{
	display:inline-block ;
	position:fixed ;
	z-index:9995 ;
	left:10px ;
	top:150px ;
	right:10px ;
	bottom:10px ;
	border:solid 1px #404040 ;
	text-align:left ;
	background:#C0C0C0 ;
}

#client iframe
{
	position:absolute ;
	left:0 ;
	top:0 ;
	right:0 ;
	bottom:0 ;
}

.attente
{
	font-size:1rem ;
	border-collapse:collapse ;
}

.attente tr
{
	cursor:pointer ;
}

.attente tr:nth-child(odd)
{
	background-color:#e0f8ff ;
}

.attente th
{
	background:#B80718 ;
	color:white ;
}

.attente td, .attente th
{
	font-size:1rem ;
	padding:0.2rem 1rem ;
	border-color:black ;
}

.attente tr:hover td
{
	background-color:#C0C0C0 ;
	color:white ;
}

.attente a
{
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	color : #FFFFFF;
	border : none;
	display : inline-block;
	padding : 0.2rem 1rem;
}

.attente a:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

.attente a:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

tr > td.elementPaye
{
	color:#C0C0C0 !important ;
}

tr > td.elementPaye > span.bg
{
	background:black !important ;
}

tr > td.elementPaye > span.weight
{
	color:#C0C0C0 !important ;
}

.changeNom
{
	cursor:pointer ;
	color:blue ;
	text-decoration:underline ;
}

.changeNom:hover
{
	background:#F0F0F0 ;
}

#ip_newMassage2Nom
{
	font-size:1rem ;
	padding:0.5rem 1rem ;
	margin-top:1rem ;
}

body > #mainSpa #profil
{
	margin:1rem 0 ;
}

body > #mainSpa #profil h1
{
	font-weight:100 ;
}

body > #mainSpa #profil input
{
	padding:16px ;
	font-size:1rem ;
}

.modifiable
{
}

.modifiable input
{
	padding:0.5rem 0.5rem !important ;
	font-family:inherit ;
	font-size:inherit ;
}

.modifiable input[readonly]
{
	border-style:none ;
	color:#606060 ;
}

.inerte
{
	opacity:0.2 ;
	pointer-events:none ;
}

.horaireCr
{
	font-size:0.5rem ;
	display:inline-block ;
	position:absolute ;
	top:0 ;
	left:0 ;
	background:#008000 ;
}

@media(max-width : 1038px)
{
	#labelSemaine
	{
		font-size:1rem !important ;
	}
	
	.btn.left, .btn.right
	{
		padding:0.2rem 0.2rem !important ;
		padding-left:0.2rem !important ;
	}
	
}

.recapMsgs .masseurs table td
{
	position:relative ;
}

.recapMsgs .masseurs table td span
{
	position:absolute ;
	right:1px ;
	top:1px ;
	width:17px ;
	height:16px ;
	color:white ;
	border-radius:8px ;
	font-weight:bold ;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
}

.recapMsgs .masseurs table td span::after
{
	display: none ;
	top: 17px;
	right: 0;
	background: #c0e0ff ;
	color: black;
	border: solid 1px black;
	padding: 0px 3px;
	font-size: 10px;
	position: absolute;
	font-weight: normal;
	white-space:nowrap ;
	content:attr(tit) ;
}

.recapMsgs .masseurs table td span:hover::after
{
	display:inline-block ;
}

.recapMsgs .masseurs table td span.parHotel
{
	background:red ;
}

.recapMsgs .masseurs table td span.parSite
{
	background:green ;
}

.outPopup
{
	position:fixed ;
	top:0 ;
	right:0 ;
	bottom:0 ;
	left:0 ;
	background:rgba(0, 0, 0, 0.3) ;
	display:flex ;
	flex-direction:row ;
	justify-content:center ;
	align-items:center ;
	z-index:999999 ;
}

.outPopup .mainPopup
{
	background:white ;
	font-size:16px ;
	font-family:'Open sans', Arial, sans-serif ;
	box-shadow:0 0 4px 2px #404040 ;
	min-width:30vw ;
}

.outPopup .mainPopup .title
{
	margin:0 ;
	padding:1em 3em ;
	text-align:center ;
	font-size:2em ;
	color:#B80718 ;
}

.outPopup .mainPopup .title:empty
{
	display:none ;
}

.outPopup .mainPopup .content
{
	padding:1em 2em ;
}

.outPopup .mainPopup .bouton
{
	padding:1em ;
	text-align:center ;
}

.outPopup .mainPopup .bouton a
{
	display:inline-block ;
	text-decoration : none;
	background-color : #A4A4A4;
	border-radius : 2px;
	color : #FFFFFF;
	padding : 1rem 2rem;
	border : none;
}

.outPopup .mainPopup .bouton a:not(.disabled):not(:hover)
{
	background-color : #B80718;
}

.outPopup .mainPopup .bouton a:not(.disabled)
{
	-moz-transition : background-color 200ms;
	cursor : pointer;
}

a.resetDmdMasseur
{
	display:inline-block ;
	text-decoration:underline ;
	color:blue ;
	margin-left:2rem ;
	cursor:pointer ;
}

div.withExpl
{
	padding-right:16px ;
	position:relative ;
}

div.withExpl .expl
{
	position:absolute ;
	right:0px ;
	top:0px ;
	height:16px ;
	width:16px ;
	overflow:hidden ;
	background-image:url(/geneasy/img/info16.png) ;
	background-repeat:no-repeat ;
	background-position:top right ;
	padding-top:16px ;
	text-align:left ;
	font-size:1.2rem ;
}

div.withExpl .expl:hover
{
	top:-3px ;
	right:-3px ;
	background-image:url(/geneasy/img/info16.png) ;
	background-position:top 2px right 2px ;
	height:unset ;
	width:unset ;
	padding:8px 16px 8px 16px ;
	border-radius:5px ;
	background-color:#F0F0F0 ;
	display:inline-block ;
	border:solid 1px #C0C0C0 ;
}

div.withExpl .expl .cbn
{
	font-family:'Lucida Console' ;
	border:solid 1px #E0E0E0 ;
	background-color:#fcfcfc ;
	padding:5px 3px 2px 3px ;
	display:block ;
}



/*                                That's all folks ! */