/* -- 
Generated by RSEPaw
RSEPaw is a Web applications and web site generator
Product of RSEInfo 2008-
 -- */

@charset "UTF-8";
@font-face {
	font-family: mv_boliregular;
	src: url('font/mvboli.ttf'),
		url('font/mvboli.eot'),
		url('font/mvboli.eot#iefix'),
		url('font/mvboli.svg'),
		url('font/mvboli.woff');
}
@font-face {
	font-family: FontAwesome;
	src: url('font/fontawesome-webfont.ttf?v=4.7.0'),
		url('font/fontawesome-webfont.eot?v=4.7.0'),
		url('font/fontawesome-webfont.eot?v=4.7.0#iefix'),
		url('font/fontawesome-webfont.svg?v=4.7.0'),
		url('font/fontawesome-webfont.woff?v=4.7.0');
}
@font-face {
	font-family: duality;
	src: url('font/duality.ttf');
}
@font-face {
	font-family: Forte;
	src: url('font/Forte.ttf');
}
@font-face {
	font-family: Gabriola;
	src: url('font/Gabriola.ttf');
}
@font-face {
	font-family: Elephant;
	src: url('font/elephnt.ttf');
}
@font-face {
	font-family: sego_print;
	src: url('font/segoepr.ttf');
}
:not(.list) {box-sizing: border-box;}
.list, .list * { box-sizing : content-box;}
/*<main>*/
:root {
	--font-v : Verdana, Arial, Helvetica, sans-serif;
	--font-tbct :"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	--font-focus:Tahoma, Verdana, Arial;
	--font-header : mv_boliregular, duality, Tahoma, Verdana;
	--font-hlty1 : duality, mv_boliregular, Arial;
	--t-shadow : 1px 1px #888888;
	--b-shadow : 4px 4px 5px #808080;
	--radius : 10px;
	--specif-color:#e5e5cd;
	--body-color:white;
	--shadow-short:3px 2px 1px #9a9a9a9a;
	--border-shadow-short: 1px solid #efdfef;
}
body {
	margin:0;
	background:var(--body-color);
}
#page {
	max-width: 100%;
	margin: 0 auto;
}
header {
	background-image: linear-gradient(#fff,#f9a506ad);
}
header #row1 {
   min-height:100px;
}
header #row2 {
	box-shadow: 4px 3px;
	text-shadow: 2px 1px lemonchiffon;
}
/*
header #logo {
	background: url(../img/220coworking.jpg)no-repeat left top;
	background-size: 200px 120px;
	padding: 0;
   margin: 0;
}
*/
header .logo img {
	width : 160px;
	height: 80px;
}
header .logo a, header .logo a:hover {
	font-size: 3em;
	font-family: mv_boliregular;
	font-weight: bold;
	text-shadow: 5px 3px black;
	color: aliceblue;
	font-style:normal;
}
header .logo, header .hcenter {
	display:inline-block;
	vertical-align:top;
}
header .row .hcenter {
	width:100%;
}
header .hcenter #htitle {
	font-family: mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	display:inline-block;
	vertical-align:top;
	color: rgb(24, 125, 24);
	text-shadow: rgb(189, 222, 67) 2px 2px;
	width:max-content;
	padding:5px;
	font-size:1.3em;
	margin-top:-10px;
}
.myspace{
	white-space: nowrap;
	background-color: lemonchiffon;
	border-radius: 0px 0px 5px 5px;
	padding: 0px 5px;
	max-width:150px;
	display:block;
	vertical-align:top;
	margin-top:0;
}
.myspace a {
	color: rgb(198, 179, 156);
	font-weight:bold;
}
.username {
    font-family : Arial;
    font-weight : bold;
    font-size : .9em;
}
.hm, .menu {
	background-color: aliceblue;
}
.hm a[href='./'] {
	font-family:FontAwesome;
	font-weight:bold;
	vertical-align : top;
	font-size: 1.2em;
}
.hm, .hm a, .menu, .menu a {
	font-size: 11pt;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding : 0px;
	vertical-align : top;
	transition:all 0.8s;
	transition-timing-function:ease;
}
.hm a:hover, .menu a:hover  {
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	padding:0px 0px 0px 4px; margin : 0px;
	background-color : #999;
	color : aliceblue;
	border-radius:3px;
	font-style: normal;
	text-shadow: 0px 0px;
}
.hm {
	display:none;
}
.hm a{
	display: block;
	padding: 3px 5px;
}
#tm::before {
	content:	"\f0c9";
	font-size:18pt;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: rgb(24, 125, 24);
	padding : 0px 2px;
}
footer {
	display:block;
	margin-bottom:20px;
	background-image: linear-gradient(#f9a506ad,#fff);
}
footer #row1 {
	font-size: 1.7em;
	letter-spacing: -0.1em;
	font-family: mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #1d4c7d;
	text-align:center;
	& img {
		max-height:60px;
	}
}
/*
footer #row2 {
	font-size: 1.5em;
	letter-spacing: -0.1em;
	font-family: mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #1d4c7d;
	text-align:center;
}
*/
footer #row1 .col
/*, footer #row2 .col */ {
	display:inline-block;
}
footer #row2 div {
	display:inline-block;
	vertical-align:top;
	margin : 0 5px 10px 10px;
}
footer #row2::before,footer #row2::after  {
	content:"";
	height:1px;
	background-color:#ffdddd;
	display:block;
}
footer #row2 a {
	display: block;
	text-align:center;
	color: #1d4c7d;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow : 2px 2px #bdde43;
	margin-left:2em;
}
footer #row2 a:hover {
	text-decoration: underline;
	color: brown;
	font-weight:bold;
}
footer #footer_c div, footer #footer_c a  {
	display:inline-block;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bolder;
}
footer #footer_c a  {
	color: #1d4c7d;
	text-decoration: none;
	text-shadow : 2px 2px #bdde43;
}
footer #footer_c a:hover {
	text-decoration: underline;
	color: brown;
}
#diapo {
	width:95vw;
}
#diapo::before {
	content: "Votre tiers-lieu de Trinité";
	display:inline-block;
	position:relative;
	z-index:100;
	top:20px;
	background:aliceblue;
	border-radius : 7px;
	padding: 5px 10px;
	font-family : mv_boliregular;
	font-size : 1.5em;
}
.field-getdate{
	display:inline-block;
	width:max-content;
}
.record h1, h1 {
	font-family:Arial;
	color:brown;
	margin:0px;
	padding:0.67em 0;
	font-size:1.85em;
	font-weight:bold;
	text-decoration:none;
	text-shadow:rgb(189, 222, 67) 2px 2px;
	font-family:mv_boliregular;
	font-variant:small-caps;
}
.record h2, h2 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	text-align:left;
	color:rgb(24, 125, 24);
	text-shadow:2px 1px orange;
	margin:0px;
	padding:0.25em 0.35em;
	font-size:1.35em;
	font-weight:bold;
	text-decoration:none;
	border:0;
	background:transparent;
}
.record h3, h3 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	color:#808080;
	margin:15px 0px 0px 0px;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
center > div {
	text-align:left;
}
div.responsive {
	max-width:325px;
	vertical-align:top;
	padding:5px 5px 5px 10px;
	display:inline-block;
}
div.responsive p, div.responsive li {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.highlight {
	color: rgb(24, 125, 24);
	text-shadow: orange 2px 1px;
	font-size: 1.2em;
	/* transform: rotate(-2deg); */
	font-family: mv_boliregular;
}
.highlight1 {
	color: rgb(29, 76, 125);
	text-shadow: lightgray 2px 2px;
	font-size: 1.2em;
	font-family: Arial;
	font-variant:small-caps;
}
.highlight2 {
	font-size: 0.8em;
}
.blink {
  -webkit-animation: 1s linear 5 blink_effect;
  animation: 1s linear 5 blink_effect;
}
@-webkit-keyframes blink_effect {
	0% {
	  visibility: hidden;
	}
	50% {
	  visibility: hidden;
	}
	100% {
	  visibility: visible;
	}
}
@keyframes blink_effect {
	0% {
	  visibility: hidden;
	}
	50% {
	  visibility: hidden;
	}
	100% {
	  visibility: visible;
	}
}
.subscription {
	border-radius : 15px 0px 10px 0px;
	padding:5px 10px;
	color:brown;
	font-weight:bold;
	background-color: rgb(198, 179, 156);
}
.togo {
	border-radius : 15px 0px 10px 0px;
	opacity:1;
	padding:5px;
	color:white;
	font-weight:bold;
	float:left;
	background-color : cadetblue;
	cursor:pointer;
	font-size:14px;
}
.togo.nth2{
	background-color : gold;
}
.togo.nth3{
	background-color : brown;
}
.nth2:hover, .nth3:hover {
	color:red;
}
.find-event, .sign {
	color: white;
	border-radius : 0px 15px 0px 10px;
	opacity:1;
	float:right;
	padding:5px;
	font-weight:bold;
}
.find-event {
	background-color:rgb(110,172,76);
}
.know-more {
  background-color: cadetblue;
  border-radius: 15px 0px 10px;
  padding: 5px;
  color: gold;
  font-weight: bold;
  font-family:Arial;
}
.know-more:hover, .find-event:hover, .sign:hover {
	color: white;
}
.sign{
	background-color : cadetblue;
}
#intro {
	background-image: linear-gradient(rgba(244, 219, 79, 0.42),
		rgba(208, 53, 53, 0.9)),
		url(../img/travaux_boutique.jpg);
   background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-bottom:10px;
	max-width:325px;
   border-radius : 25px 25px 0px 0px;
}

content #with-vc table:first-of-type tr:nth-last-child(2) td {
	display:table-cell;
}
#focus, .focus {
	position:relative;
	margin : 10px 0px;
	padding : 5px 2px;
	display:inline-block;
/*	max-width:320px;*/
	font-family: mv_boliregular;	
	border : 1px solid #9be373;
	box-shadow: 5px 4px 4px #9be373;
	border-radius:40px;
	background:beige;
}
.focus1 {
	position:relative;
	margin : 10px 0px;
	padding : 5px 2px;
	display:inline-block;
	max-width:98%;
	border : 1px solid #9be373;
	box-shadow: 5px 4px 4px #9be373;
	border-radius:7px;
	background:beige;
}
#focus::before {
	content: "Le 220 en bref";
	position: relative;
	background: #9be373;
	font-size: 0.85em;
	font-weight: bold;
	padding: 5px 10px;
	color: black;
	border-radius: 15px 0px 10px 0px;
	display: block;
	width: max-content;
	text-shadow: 2px 1px whitesmoke;
	top:-15px;
	left:-30px;
}
.location{
	font-size:0.95em;
	color:#808080;
	padding:0px 0px 20px 0px;
	display:inline-block;
	width:max-content;
}
.location:before {
	content:'>';
}
.location a {
	font-size:0.95em;
	color:#808080;
	text-decoration:none;
}
.location a:hover {
	font-size:0.95em;
	color:#ffffff;
	background:#808080;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}
.required-explain {
	font-weight:bold;
	text-shadow: 1px 1px greenyellow;
}
#power-test {
	background:gray;
	font-weight:bold;
	font-family:Arial;
	padding:2px 2px 0px 2px;
	width:min-content;
	font-size:10pt;
	display:none;
}
#pwd-power {
	display:inline-block;
	border-radius: 7px;
	padding:5px;
	white-space:nowrap;
}
#same-pwd {
	display:none;
	background:indianred;
	color:white;
	padding:5px;
	margin-top:1px;
}
.formfields-row {
	margin:0;
	padding:0;
	width:100%;
}
.formfields-title {
	font-weight:bold;
	font-size:1.1em;
	font-family:Tahoma;
	color:#888888;
	padding-top:25px;
	text-shadow : black 1px 1px;
	display:block;
}
.formfields-label {
	color :green;
	font-weight:bold;
	font-size:.9em;
	font-family:Verdana;
}
.formfields-label #freq{
	color:red;
}
.formfields-value {
	float:right;
}
.formfields-value .field-stopdate {
	display:block;
}
.form-explain {
	font-size:13pt;
	font-weight:bold;
	text-shadow:1px 1px orange;
	text-shadow:1px 1px #555;
	color: orange;
	font-family:Arial;
}
.explain {
	font-size:0.9em;
	font-weight:bold;
	font-family:Verdana;
	color:#666;
}
.lineapp-length {
	font-size:0.9em;
	font-family:Arial;
}
.space-before {
	margin-top:10px;
}
.space-after{
	margin-bottom:10px;
}
.contrast{
	color : chocolate;
	font-weight : bold;
}
.form-explain .contrast {
	text-decoration:underline;
}
.loading::before {
	content: url('../img/loading.gif');
}
.error::before {
	content: url('../img/error.gif');
}
.getimage {
	max-width : 300px;
}
.getimage-msg {
	background:indianred;
	color:white;
	padding:5px;
	margin-top:1px;
}
details[open] summary ~ *, [opened=1] {
  animation: sweepin .5s ease-in-out;
}
[opened=0] {
  animation: sweepout .5s ease-in-out;
}
@keyframes sweepin {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}
@keyframes sweepout {
  0%    {opacity: 1; margin-left: 0px}
  100%  {opacity: 0; margin-left: -10px}
}
summary:hover {
	cursor : pointer;
}
/*
summary::marker {
	content:url(../img/plus.gif);
	margin-right:3px;
}
details[open] > summary::marker {
 content:url(../img/minus.gif);
}
*/
details summary h1, details summary h2, details summary h3, details summary h4, details summary h5 {
	display:inline-block;
}
details .line {
}
details .line .line-label {
}
details .line .line-value {
}
.news-last, .news-rseinfo {
	display:inline-block;
}
.news-last > details,#summary,#news220 > details {
	position:relative;
	margin : 0 .5em 0 0.5em;
	border : 1px solid #9a9a9a9a;
	box-shadow: 5px 4px 4px #9a9a9a9a;
	border-radius:7px;
	background:whitesmoke;
}
.news-last > details summary,#news220 > details summary {
}
#news220 > details img{
	max-width:350px;
}
.important {
	font-size:1.18em;
	font-weight:bold;
}
.date {
	color : rgb(179, 159, 135);
	font-size : 0.8em;
	font-weight:bold;
}
.modify, .modify:hover {
	font-weight : bold;
	background:#93ae93;
	border-radius: 5px;
}
.consult, .consult:hover {
	font-weight : bold;
	background:#bdd1f0;
	border-radius: 5px;
}
.button.modify, .button.modify:hover,.button.consult, .button.consult:hover {
	font-size:.75em;
}
.delete {
	background:#f79797;
	font-weight:bold;
	border-radius : 5px;
}
.delete1 {
	background:red;
	font-weight:bold;
	border-radius : 5px;
}
.copy {
	background:#dcf244;
	font-weight:bold;
	border-radius : 5px;
}
.copy1 {
	background:#88f36b;
	font-weight:bold;
	border-radius : 5px;
}
.finish {
	background:#de5d0f;
	font-weight:bold;
	border-radius : 5px;
}
.event-menu {
	margin-top:30px;
	padding : 5px;
	position:relative;
	font-weight:bold;
}
.event-menu::before {
	content : "Voir aussi";
	position:absolute;
	top:-30%;
	left: 0px;
	padding: 2px 10px;
	background:#dddddd;
	font-family:mv_boliregular,"Trebuchet MS",Arial;
	border-radius : 10px;
}
.published-event {
	color:brown;
 	font-size:1.2em;
	background: #e1f694;
	padding:5px;
	border-radius : 15px 0px 10px 0px;
	display:inline-block;
}
.historical-event {
 	padding:5px;
 	background: #f6e095;
 	border-radius : 15px 0px 10px 0px;
 	color:green;
 	font-size:1.1em;
	display:inline-block;
}
.published-event:hover,.historical-event:hover {
 	font-size:1.1em;
}
[title_] {
	position:relative;
}
[title_]::before {
	content:attr(title_);
	position:absolute;
	background: #FFFF99;
	color : black;
	font-size:10px;
	border : 1px solid #888;
	border-radius : 3px;
	box-shadow: 3px 2px 2px gray;
	transform: translate(50%,-50%);
	padding: 2px 5px;
	display:none;
	font-weight:normal;
	text-shadow:none;
	z-index:1000;
}
[title_]::after {
	content :"";
	position:absolute;
	border-width:15px 15px 0 0;
	transform : translate(30%,-50%);
	border-style:solid;
	border-color :transparent gray transparent transparent;
	display:none;
}
[title_]:hover::before, [title_]:hover::after{
	display:inline-block;
}
#hist_search_mask, #search_mask {
	border : thin solid gray;
	max-width:550px;
	background: #eeffdd;
	border-radius : 10px;
	box-shadow : 5px 2px 2px #aaa;
	margin : 10px 0px 20px 0px;
}
.donation {
	font-size: 0.9em;
	font-family: Tahoma, Arial;
	max-width: 305px;
	border-radius: 10px;
	background : #f6e095;
	box-shadow : 5px 2px 2px #aaa;
	padding:7px;
}
.donation .highlight1, .donation .highlight2 {
	color:brown;
	text-shadow:1px 1px green;
	font-weight:bold;
}
.fixed {
}
.shadow {
	border-radius :7px;
	box-shadow : 5px 2px 2px #aaa;
}
.filter {

}
.expire {
    margin :10px 0px;
}
#ffastwkste td{
	font-size:0.9em;
}
.search details[open], .search[open], .search_choice[open] {
	border: 1px solid #adadad;
	background-color : aliceblue;
	border-radius : 7px;
	box-shadow: 5px 4px 4px rgb(198, 179, 156);
}
.search_choice {
	border-bottom : 1px solid #ababab;
}
.submenu {
	padding:0;
	margin:10px 5px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	border-radius:10px;
	background-color :aliceblue;
	text-shadow:1px 1px #888888;
	color:green;
	max-width : 250px;
	box-shadow: 5px 4px 4px rgb(198, 179, 156);
}
.submenu li {
	padding:5px;
	margin:0px;
	font-weight:bold;
	font-size:1.2em;
	font-style:normal;
	transition:all 0.8s;
	transition-timing-function:ease;
	list-style-type: none;	
}
.submenu li[active] {
	color:white;
	background:maroon;
	opacity:0.3;
}
.submenu a{
	margin:0;
   font-size:1em;
	padding:0;
}
.submenu a, .submenu a:hover, .submenu a:focus {
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	color:inherit;
}
.submenu li:not([active]):hover {
	background-color:green;
	border-radius:10px;
	color:#ffffff;
}
tr.hidden {
	display:table-row;
}
tr.hidden td {
	display:table-cell;
	padding:0px;
}
#fastwkste .row {
	transition:all 0.8s;
	transition-timing-function:ease;	
} 
#fastwkste .row:hover {
	background : rgb(229, 240, 172);
} 
#fastwkste .row-odd {
	background : aliceblue;
	transition:all 0.8s;
	transition-timing-function:ease;	
} 
#fastwkste .row-odd:hover {
	background : rgb(229, 240, 172);
}
#fastsetlmt .row {
	transition:all 0.8s;
	transition-timing-function:ease;	
} 
#fastsetlmt .row:hover {
	background : rgb(229, 240, 172);
} 
#fastsetlmt .row-odd {
	background : aliceblue;
	transition:all 0.8s;
	transition-timing-function:ease;	
} 
#fastsetlmt .row-odd:hover {
	background : rgb(229, 240, 172);
}
#fastbudget .row {
	transition:all 0.8s;
	transition-timing-function:ease;	
} 
#fastbudget .row:hover {
	background : rgb(229, 240, 172);
} 
#fastbudget .row-odd {
	background : aliceblue;
	transition:all 0.8s;
	transition-timing-function:ease;	
} 
#fastbudget .row-odd:hover {
	background : rgb(229, 240, 172);
}

details.import[open] {
	border: 1px solid #adadad;
	background-color : aliceblue;
	border-radius : 7px;
	box-shadow: 5px 4px 4px rgb(198, 179, 156);
}
details.import .importupload {
	background-color : aquamarine;
	border-radius : 5px;
	margin : 10px;
	max-width:325px;
}
.navigation {
	margin-top:5px;
	padding:5px;
	background-color:#f9a506ad;
}
#myorder .list {
	with-delete : false;
	button-initial-state : visible;
	onadd : RSECHANTIER('myorder').add2cart;
	ondelete:RSECHANTIER('myorder').delete_cart;
	oninit:RSECHANTIER('myorder').cart_init;
	table-numbering: true;
}
#myorder .header {
font-size:0.85em;
}
#contactinfos {
	display:block;
	max-width:325px;
	margin:auto;
	min-width:300px;	
}
#contactinfos .title {
	font-size:0.95em;
}
#contactinfos .detail {
	font-family:Verdana, Arial;
	font-size:0.85em;
}
#news220::before {
	content:"Actus";
	position:relative;
	background:greenyellow;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:#330202;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
} 
#newsfocus::before {
	content:"Morceaux choisis";
	position:relative;
	background:greenyellow;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:#330202;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
} 
#newscancel::before {
	content:"Annulations";
	position:relative;
	background:red;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:white;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
} 
#lastevent::before {
	content:"Dernier évènement programmé";
	position:relative;
	background:#b163f9;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:white;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
}
#lastevent {
	max-width:370px;
	margin:auto;
}
#nextevents::before {
	content:"Prochains évènements";
	position:relative;
	background:#b163f9;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:#330202;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
} 
#nextevents h3 {
	cursor : pointer;
}
#focus::before {
	content: "Le 220 en bref";
	position: relative;
	background: #9be373;
	font-size: 0.85em;
	font-weight: bold;
	padding: 5px 10px;
	color: black;
	border-radius: 15px 0px 10px 0px;
	display: block;
	width: max-content;
	text-shadow: 2px 1px whitesmoke;
	top:-15px;
	left:-30px;
} 
#news h3, #newsfocus h3, #newscancel {
	margin-top:0px;
	padding-top:0px;
}
#privileged::before {
	content:"Liens privilégiés";
	position:relative;
	background:lightgreen;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:#330202;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
} 
#reference::before {
	content:"Référencement";
	position:relative;
	background:tan;
	font-size:0.95em;
	font-weight:bold;
	padding: 5px;
	color:#330202;
	display:block;
	width:max-content;
	margin-top:10px;
	border-radius : 5px 5px 0px 0px;
} 
#singlefocus::before {
	content: "FOCUS";
	position: relative;
	background: gold;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 10px;
	color: black;
	border-radius: 15px 0px 10px 0px;
	display: block;
	width: max-content;
	text-shadow: 2px 1px whitesmoke;
	margin-top:-15px;
	margin-left:-15px;
}

#postal-city, #addclient .getvalue {
	left : 0px;
}
#menu {
	width:min-content;
	margin: 0 auto;
	display:block;
}
#menu .list {
	tile-select-one-only:true;
	tile-size : 250 188;
	tile-line-break :1;
	tile-text-initial-state:visible;
}
#menu .row {
	background:#ffffff;
	padding:5px;
}
#menu .row:hover {
	background:#f6e095;
	border:0;
}
#menu .tile {
	padding:3px;
	opacity:0.95;
}
#menu .tileText {
	background0:rgb(31, 125, 20);
	font-size : 1em;
	position: static;
	max-width : 250px;
	width:100%;
	text-align:center;
	font-variant:small-caps;
	font-family:mv_boliregular;
	margin:0px 0px 0px 5px;
}
#openspace img, #openspace video, 
#room img, #room video, 
#otherspace img, #otherspace video, 
#services img, #services video {
	max-width:340px;
}
.choice1 {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	border-radius:10px;
	background-color :#d5d5d5;
	text-shadow:1px 1px #888888;
	color:#ffa54d;
	max-width:fit-content;
}
.choice1 li {
	padding:10px 5px;
	margin:0px;
	font-weight:bold;
	font-size:1.2em;
	font-style:normal;
	transition:all 0.8s;
	transition-timing-function:ease;
	display:inline-block;
}
.choice1 a {
	margin:0;
   font-size:1em;
	padding:0;
}
.choice1 a, .choice1 a:hover, .choice1 a:focus {
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	color:inherit;
}
.choice1 li:hover {
	background-color:#ffa54d;
	border-radius:10px;
	text-align:center;
	color:#ffffff;
}
.eventdate {
	max-width: 325px;
	background-color: rgb(249, 165, 6);
	font-size: 1.2em;
	color: rgb(24, 125, 24);
	text-shadow: rgb(189, 222, 67) 1px 1px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana,Arial;
}
.flyer {
	max-width:325px;
}
.flyer-choice {
	max-width:172px;
}
.eventshow {
	display:block;
	margin : 5px 0px;
	vertical-align : top;
}
.eventshow .flyer-part {
	display:inline-block;
	vertical-align : top;
}
.eventshow .explain-part {
	display:none;
	margin:0 5px;
	vertical-align : top;
	max-width:300px;
	position:relative;
}
.productalbum {
	margin-bottom:20px;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	background-color:rgb(241, 196, 110);
	background-image: linear-gradient(rgb(220, 239, 152), rgba(241, 196, 110, 0.59));
}
.productalbum #current {
	display:inline-block;
	margin:10px 0 10px 0;
	border:thin solid #aaaaaa;
	overflow:hidden;
	width: 300px;
	height: 261px;
	background-repeat:no-repeat, no-repeat;
	background-size :contain;
	cursor: zoom-in;
}
.productalbum #itemsel {
	text-align:center;
	display:inline-block;
	vertical-align:bottom;
}
.productalbum #itemsel [id^="img"] {
	display:inline-block;
	width:70px;
	height:70px;
	margin : 0px 2px;
	background-repeat:no-repeat, no-repeat;
	background-size :contain;
	vertical-align:middle;
	border : 1px #aaaaaa solid;
	cursor: pointer;
}
.productalbum #itemsel #up, .productalbum #itemsel #down {
	transform: rotate(-90deg);
}
.productalbum #close {
	float:right;
	cursor:pointer;
	background-color:#e0e0e0;
	border : thin solid #d0d0d0;
	border-radius: 3px;
	padding: 2px 5px;
	font-family:Arial;
	font-weight:bold;
	font-size:1.1em;
}
.productalbum #close:hover{
	background-color:#a9a9a9;
}
.navselected {
	border: thin solid #f9a506ad;
	padding: 2px;
	box-shadow: 3px 1px #f9a506ad;
}
#gamesreserv, #roomsreserv {
	display:none; 
	& .eventresa {
		border:1px solid black;
		margin-bottom:15px;
		box-shadow:5px 3px #a0a0a0;
		background-color:#ffdeb0;
		width:100%;
		& tr {
			display:table-row;
			&.resa-row:nth-child(odd){
				background:#fdc16d;
			}
			&.resa-total{
				background:lightgrey;
			}
			& td {
				display:table-cell;
				vertical-align:top;
			}
			& th {
				font-family:Verdana;
				background-color:#808080;
				color:white;
	/*			font-size:1.2em;*/
			}	
		}
		& .label {
			font-size:1.05em;
			font-family:Arial;
		}
		& .total {
			font-size : 1.1em;
			font-weight:bold;
		}
	}
}
#schedule_r .list {
	calendar-exclude-times: 00:00:00-07:59:59 20:00:00-23:59:59;
	calendar-schedule-length: 7;
	calendar-date-change: true;
	calendar-list-choice: false;
	calendar-merge-items: true;
	calendar-background-item-color: none;
	calendar-load-new-items: true;
	calendar-no-week-tab: false;
	calendar-no-month-tab: false;
	calendar-no-year-tab: true;
	calendar-no-schedule-tab: false;
	type: calendar;
}
#phome #col1.col #homem > div {
	width : max-content;
}
#ml, #mr {
	margin: 0 1em;
	display:inline-block;
	& h3 {
		text-shadow: 0 0 .4em gray;
		padding: 0 .5em;
	}
	& div {
		margin-top:.3em;
		font-family:Tahoma;
		text-shadow : 0 0 12px;
		cursor : pointer;
		&:hover::before {
			content :'[ ';
			font-size:larger;
		}
		&:hover::after {
			content :' ]';
			font-size:larger;
		}		
		&.nohover {
			font-size:0.90em;
			&:hover::before {
				content :'[';
			}
			&:hover::after {
				content :']';
			}
		}
	}
}
.ml1, .mr6 {
	color :green;
}
.ml2, .mr5 {
	color :gray;
}
.ml3, .mr4 {
	color :red;
}
.ml4, .mr3 {
	color :maroon;
}
.ml5, .mr2 {
	color :blue;
}
.ml6, .mr1 {
	color :orange;
}
.highlight-yellow {
	background-image: url("../img/underline-yellow.png");
}
.highlight-red {
	background-image: url("../img/underline-red-001.png");
}
.highlight-green {
	background-image: url("../img/underline-green.png");
}
.highlight-water-blue {
	background-image: url("../img/water-blue.png");
}
.highlight-water-green {
	background-image: url("../img/water-green.png");
}
.highlight-water-red {
	background-image: url("../img/water-red.png");
}
.highlight-water-yellow {
	background-image: url("../img/water-yellow.png");
}
.highlight-background-yellow {
	background-image: url("../img/underline-yellow-001.png");
}
.highlight-background-red {
	background-image: url("../img/underline-red-001.png");
}
.highlight-background-pink {
	background-image: url("../img/background-pink.png");
}
.highlight-background-pink1 {
	background-image: url("../img/background-pink-001.png");
}
.highlight-background-purple {
	background-image: url("../img/background-purple.png");
}
.highlight-background-purple_blue {
	background-image: url("../img/background-purple_blue.png");
}
.highlight-background-purple1 {
	background-image: url("../img/background-purple-001.png");
}
.highlight-background-blue {
	background-image: url("../img/background-blue.png");
}
.highlight-background-green {
	background-image: url("../img/background-green.png");
}
.highlight-arrow-blue {
	background-image: url("../img/underline_arrow-blue.png");
}
.highlight-arrow-purple {
	background-image: url("../img/underline_arrow-blue.png");
}
.highlight-circle-blue {
	background-image: url("../img/circle-blue.png");
	font-size:larger;
}
.highlight-circle-purple {
	background-image: url("../img/circle-purple.png");
	font-size:larger;
}
.highlight-circle-yellow {
	background-image: url("../img/circle-yellow.png");
	font-size:larger;
}
.highlight-circle-orange {
	background-image: url("../img/circle-orange.png");
	font-size:larger;
}
.highlight-rectangle-yellow {
	background-image: url("../img/rectangle-yellow.png");
	font-size:larger;
}
.highlight-rectangle-orange {
	background-image: url("../img/rectangle-orange.png");
	font-size:larger;
}
.highlight-underline {
s	background-position: 100% 130%;
	background-repeat: no-repeat;
	background-size: 100% 60%;
	white-space: nowrap;
}
.highlight-underline-medium {
	background-position: 100% 130%;
	background-repeat: no-repeat;
	background-size: 100% 55%;
	white-space: nowrap;
}
.highlight-underline-high {
	background-position: 100% 130%;
	background-repeat: no-repeat;
	background-size: 100% 45%;
	white-space: nowrap;
}
.highlight-various {
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	white-space: nowrap;
}
.round {
	padding : .13em .25em;
	border-radius : 50%;
	box-shadow: var(--shadow-short);
	border-top : var(--border-shadow-short);
	border-left : var(--border-shadow-short);
	font-weight:bold;
	font-family:Tahoma, Verdana;
}
.no-radius {
	border-radius:unset;	
} 
.warning::before {
	content:url(../img/warning.gif);
}
.black-face + details > summary > label::after {
	content:url(../img/head_round_black-01.svg);
	right :0;
	top: -1.2em;
	transform:scale(.5);
}
.black-face:checked + details > summary > label::after {
	content:url(../img/head_round_black.svg);
}
.eye + details > summary > label::after {
	content:url(../img/eye_closed.svg);
	right :0;
	top: -.3em;
}
.eye:checked + details > summary > label::after {
	content:url(../img/eye_opened.svg);
}
.light + details > summary > label::after {
	content:url(../img/light_off.svg);
	right :0;
	top: -.3em;
}
.light:checked + details > summary > label::after {
	content:url(../img/light_on.svg);
}
.disappointed-face0 + details > summary > label::after,
.disappointed-face:checked + details > summary > label::after {
	content:url(../img/head_round_black-03.svg);
}
.suprised-face0 + details > summary > label::after,
.suprised-face:checked + details > summary > label::after {
	content:url(../img/head_round_black-04.svg);
}
.unhappy-face0 + details > summary > label::after,
.unhappy-face:checked + details > summary > label::after {
	content:url(../img/head_round_black-02.svg);
}
.blur {
	font-size:1.5em;
}
.blur[inviewport] {
		animation : blur 6s ease;
}
@keyframes blur {
	0% {
		text-shadow : 0 0 12px black;
		color:transparent;
		opacity :0;
	}
	50% {
		text-shadow : 0 0 12px black;
		color:transparent;
		opacity :1;
	}
	100% {
		text-shadow : none;
		color: green;
		opacity:1;
	}
}
.divblur[data-blur-in]{
	filter:blur(.5rem);
	transition : filter ease attr(data-blur-in,1s);
}
.divblur[data-blur-out]{
	filter:blur(0);
	transition : filter ease attr(data-blur-out,1s);
}

.centerdisp {
	position:relative;
	width:95vw;
	font-family:var(--font-v);
	& > div {
		position:relative;
		top:0;
		left:0;
		max-width:0px;
		max-height:0px;
		width:0px;
		opacity:0;
		display:none;
		&[opened] {
			width:325px;
			max-width:325px;
			max-height:2000px;
			opacity : 1;
			display:inline-block;
		}
	}
	& video {
		max-width:325px;
	}
}
.gridcard {
	display:grid;
	position:relative;
	grid-template-columns :1fr;
	grid-gap : 10px;
	& .price-card {
		width:325px;
		height:260px;
		position:relative;
		display:inline-block;
		perspective:1000px;
		perspective-origin:top;
		font-weight:bold;
		& ul {
			padding-left:2em; 
		}
		&.active > div {
			transform:rotateY(180deg);
			/* it's a trick */
			.back {
				opacity:0;
				/* a trick for mozilla when there is an achor in front */
				z-index:-1;
			}
		}
		& > div {
			position:relative;
			width:100%;
			height:100%;
			transform-style:preserve-3d;
			transition:transform 0.8s cubic-bezier(0.86,0,0.07,1);
			& .front, & .back {
				backface-visibility:hidden;
				position:absolute;
				width:100%;
				height:100%;
				border-radius:7px;
				box-shadow:3px 2px 2px black;
				cursor:pointer;
				left:0;
				top:0;
				right:0;
				bottom:0;
			}
			& .back {
				color:white;
				/* it's a trick */
				transition:opacity 0.8s cubic-bezier(0.86,0,0.07,1);
				/* a trick for mozilla when there is an achor in front */
				z-index:0;
				font-variant:small-caps;
				font-size:1.5em;
				text-align:center;
				align-content:center;
			}
			& .front {
				color:black;
				transform:rotateY(180deg);
				align-content:baseline;
				padding:0 .3em;
				font-size:.7em;
				& h3 {
					text-align:center;
					margin-top:0.2em;
				}
				& div {
					margin-bottom:.2em;
				}
			}
		}
		&:nth-child(even) div .back {
			background:linear-gradient(#f17b7b,#f8b7a0);
		}
		&:nth-child(even) div .front {
			background:linear-gradient(#a7f7a7,#2d942d);
		}
		&:nth-child(odd) div .back {
			background:linear-gradient(#5b90e3,#90bee8);
		}
		&:nth-child(odd) div .front {
			background:linear-gradient(#d48bee,#e1caea);
		}
	}
}
#csubscription .gridcard .price-card {
	height:250px;
}
#cservices .highlight, 
#cevents .highlight, 
#cexpo .highlight {
	font-size:1.2em;
	padding : .5em;
}
#cboutik img {
	max-width:300px;
	max-height:200px;
}
#cexpo video {
	max-width:300px;
	max_height:300px;
}
#ckaraoke img, #cultimate img {
	max-width:325px;
}
#homenews {
	margin:1em 0.3em 0.2em 0.3em;
	& > #about {
		background-image: url("../img/music.png"),linear-gradient(to right, #4e77c680, #c2d2f280);
		background-repeat:no-repeat;
		& > div {
			display:inline-block;
		}
	}
	& img {
		max-width : 325px;
		box-shadow: 7px 5px 5px gray;
		border-radius : 10px;
	}
}
#roomsdiary .rooms {
	display:grid;
	position:relative;
	grid-template-columns :1fr;
}
.diary-container {
	display:inline-block;
	position:relative;
}
#gamesdiary #diary-container, #roomsdiary .diary-container {
	& #diarydate {
	}
	& #diaryhours {
		font-family:Verdana, Arial;
		font-variant:small-caps;
		padding-bottom:2em;
		& #daytimes {
			width:100%;
			border-spacing:0;
			border-collapse:collapse; 
			& tr {
				&.slot-opened {
					background:lightgreen;
					cursor:pointer;
					&::after{
						content:'\f0d7';
						font-family:FontAwesome;
					}
					&:hover{
						background:green;
						color:lightgray;
					}
				}
				&.slot-closed {
					background:gray;
					&::after{
						content:'\f023';
						font-family:FontAwesome;
					}
				}
				& td {
					padding:.5em .3em;
					text-align:center;
					&:first-child {
						width:30%;
					}
				}
			}
		}
	}
}
content #col2 {
	& img {
		max-width:150px;
	}
}
.loungetalents {
	margin-left:.2em;
	& summary {
		font-size:1.2em;
		font-weight:bold;
		font-family : var(--font-focus);
	}
	& .talent-explain {
		font-family : var(--font-header);
		font-size:1.15em;
	}
}
.vote_admin {
	padding-left:.5em;
	& #countdown{
		font-size:1.1em;
		background:#eceaea;
		font-family:var(--font-v);
		font-weight:bold;
		padding : .3em .5em;
		border-radius:15px;
		box-shadow:5px 3px 3px black;
		color:blueviolet;
	}
}
.menuclick {
	text-align:center;
	font-style:italic;
	font-size:.7em;
	font-family:arial;
}
.msg {
	font-size:1.2em;
}
.msg-title {
	font-size:1.4em;
	display:inline-block;
	margin:20px;
	font-weight:bold;
	text-align:center;
}
content {
	display:block;
	tmargin:20px 5px;
	& [id^='row'].row {
		display: block;
		margin-left:0px;
		& .col{
			margin-left:0px;
		}
	}
	& table, & tr, & td {
		display:inline-block;
	}
	& [data-preserve='1'] table, table[data-preserve='1'] {
		display:table;
		& tr{
			display:table-row;
			& td{
				display:table-cell;
			}
		}
	}
	& .formfields-value {
		float:right;
	}
	& .formfields-label #freq{
		color:red;
	}
}
#diapo .slideshow {
	width : 340px;
	height : 230px;
	background-color : beige;
	border-radius : 5px;
}
#contactinfos .list {
	button-img-up: url('img/arrow_up1.gif');
	button-img-down: url('img/arrow_down1.gif');
	button-img-delete: url('img/trash2.gif');
	button-img-show: url('img/plus.gif');
	button-img-hide: url('img/minus.gif');
	load-new-items: true;
}
/*</main>*/

/*<min-width:600px>*/
@media (min-width:600px) {
header .logo img {
	width : 200px;
	height: 110px;
}
header #logo {
	width : 250px;
	height : 100px;
}
/*
header .row .hcenter{
   width:59%;
}
*/
header .hcenter #htitle{
	font-size: 1.8em;
   letter-spacing: -0.09em;
   padding-top: 0;
   margin-top:0px;
	margin-left:30px;
}
.myspace{
	float:right;
	vertical-align:top;
	margin-top:-6.5em;
}
footer {
	display: block;
	width: 100%;
	text-align: center;
	& #row2 a{
	font-size: 9pt;
	}
	& #row1 {
		& img {
			max-height:100px;
		}
		& #col2 {
			padding-left:.3em;
		}
	}
}
#intro {
	width : max-content;
	max-width: inherit;
}
div.responsive {
	display:table-cell;
	position:relative;
}
div.responsive .know-more, div.responsive .sign, div.responsive .find-event {
	position:absolute;
	display:inline-block;
	bottom:0;
}
div.responsive .know-more {
	left:0;
}
div.responsive .sign, div.responsive .find-event {
	right:0;
}
.toggle-menu {
	display:none;
}
.hm {
	float:right;
	position:relative;
	top:-30px;
	border-radius:4px;
	padding:3px;
	display:block;
}
.hm a {
	display: inline;
	font-size:10pt;
}
.hm a::after {
	content: " | ";
}
*#contactinfos {
	display:inline-block;
	margin-top:10px;
}
#focus, .focus {
	max-width:500px;
}
#focus::before {
	font-size: 1.2em;
}
#menu {
	display:inline-block;
	vertical-align:top;
}
#menu .list {
	tile-line-break:3;
}
#menu .tileText {
	max-width : 250px;
	margin-left:3px;
}
#openspace img, #openspace video, 
#room img, #room video, 
#otherspace img, #otherspace video, 
#services img, #services video {
	max-width:500px;
}
.flyer {
	max-width:370px;
}
.flyer-choice {
	max-width:350px;
}
.eventdate {
	max-width:370px;
}
#phome {
	& #col1.col #homem {
		display:grid;
		grid-auto-flow:column;
	/*	align-items:center;*/
		width:100%;
		padding: 0 3em;
		& #ml, #mr {
			font-size:1.5em;
			margin: unset;
			display:unset;
			& div.nohover {
				font-size:inherit;
				&:hover::before {
					content :'[ ';
				}
				&:hover::after {
					content :' ]';
				}
			}
		}
		& .ml1, .mr6 {
			transform : rotate(-5deg);
		}
		& .ml3, .mr4 {
			transform : rotate(5deg);
			padding-left:4em;
		}
		& .ml4, .mr3 {
			transform : rotate(-5deg);
			padding-left:.5em;
		}
		& .ml5, .mr2 {
			padding-left:2em;
		}
		& .ml6, .mr1 {
			transform : rotate(5deg);
			padding-left:.5em;
		}
	}
	& #homenews {
		& #about{
			display:grid;
			grid-auto-flow:column;
			& div:first-child {
				align-self:center;
				padding:1em;
			}
		}
		& img {
			max-width : 500px;
		}
	}
}
#diapo {
	width:unset;
}
.centerdisp {
	width:100%;
	& > div {
		&[opened] {
			width:600px;
			max-width:600px;
			max-height:1000px;
		}
	}
	& video {
		max-width:600px;
	}
}
.gridcard {
	grid-template-columns :1fr 1fr;
	& .price-card {
		width:280px;
		height:270px;
		& > div {
			& .back {
				font-size:1.5em;
			}
		}
	}
}
.highlight {
	font-size: 1.4em;
}
#roomsdiary .rooms {
	grid-template-columns :1fr 1fr 1fr;
	grid-gap : 10px;
}
#news220 > details {
	max-width:55%;
	& img{
		max-width:400px;
	}
}
.loungetalents {
	margin-left:2em;
}
.menuclick {
	display:none;
}
content {
	& table, & .row form table {
		display:table;
		& tr{
			display:table-row;
			& td {
				display:table-cell;
			}
		}
		& .formfields-value {
			float:none;
		}
	}
}

#diapo .slideshow {
	width : 600px;
	height : 400px;
}
}
/*</min-width:600px>*/

/*<max-width:599px>*/
@media (max-width:599px) {
.toggle-menu {
	display:inline;
	float:right;
	margin-top:-6.5em;
}
}
/*</max-width:599px>*/

/*<min-width:730px>*/
@media (min-width:730px) {
header #logo {
	width : 300px;
	height : 100px;
}
header .row .hcenter{
   width:65%;
}
#tm {
	display: none;
}
.formfields-value .field-stopdate {
	display:inline;
}
#worksite .list table, #settlement .list table
, #reporting .list table, #admin .list table
, #various .list table ,#myclients .list table
, #subscription table {
	display:table;
}
#worksite .list tr, #settlement .list tr
, #reporting .list tr, #admin .list tr 
, #various .list tr, #myclients .list tr
, #subscription .list tr {
	display:table-row;
}
#worksite .list td, #settlement .list td
, #reporting .list td, #admin .list td 
, #various .list td, #myclients .list td 
, #subscription .list td {
	display:table-cell;
}
#myclients .list {
	tile-size:150 150;
}
#worksite .list {
	tile-size:150 150;
}
#settlement .list {
	tile-size:150 150;
}
#reporting .list {
	tile-size:150 150;
}
#admin .list {
	tile-size:150 150;
}
#various .list {
	tile-size:150 150;
}
#subscription .list {
	tile-size:150 150;
}
#worksite .row {
	padding:20px;
}
#settlement .row {
	padding:20px;
}
#reporting .row {
	padding:20px;
}
#admin .row {
	padding:20px;
}
#various .row {
	padding:20px;
}
#subscription .row {
	padding:20px;
}
S
#p0 #col1.col, #p1 #col1.col, #p2 #col1.col, #p3 #col1.col, #p4 #col1.col, #p5 #col1.col, #p6 #col1.col, #p7 #col1.col, #p8 #col1.col, #p9 #col1.col, #p11 #col1.col, #p12 #col1.col, #p13 #col1.col, #p14 #col1.col, #p15 #col1.col, #p16 #col1.col, #p17 #col1.col, #p18 #col1.col, #p22 #col1.col, #p23 #col1.col, #p24 #col1.col, #p25 #col1.col, #p26 #col1.col, #p27 #col1.col, #p28 #col1.col, #p29 #col1.col, #p30 #col1.col, #p31 #col1.col, #p32 #col1.col, #p33 #col1.col, #p34 #col1.col, #p35 #col1.col, #p36 #col1.col, #p37 #col1.col, #p38 #col1.col, #p39 #col1.col, #p40 #col1.col, #p41 #col1.col, #p43 #col1.col, #p44 #col1.col, #p45 #col1.col, #p46 #col1.col, #p47 #col1.col, #p48 #col1.col, #p49 #col1.col, #p50 #col1.col, #p51 #col1.col, #p52 #col1.col, #p53 #col1.col, #p54 #col1.col, #p55 #col1.col, #p56 #col1.col, #p57 #col1.col, #p58 #col1.col, #p59 #col1.col, #p60 #col1.col, #p61 #col1.col, #pms #col1.col {
	width:70%;
	display: inline-block;
	vertical-align:top;
}
#p0 #col2.col, #p1 #col2.col, #p2 #col2.col, #p3 #col2.col, #p4 #col2.col, #p5 #col2.col, #p6 #col2.col, #p7 #col2.col, #p8 #col2.col, #p9 #col2.col, #p11 #col2.col, #p12 #col2.col, #p13 #col2.col, #p14 #col2.col, #p15 #col2.col, #p16 #col2.col, #p17 #col2.col, #p18 #col2.col, #p22 #col2.col, #p23 #col2.col, #p24 #col2.col, #p25 #col2.col, #p26 #col2.col, #p27 #col2.col, #p28 #col2.col, #p29 #col2.col, #p30 #col2.col, #p31 #col2.col, #p32 #col2.col, #p33 #col2.col, #p34 #col2.col, #p35 #col2.col, #p36 #col2.col, #p37 #col2.col, #p38 #col2.col, #p39 #col2.col, #p40 #col2.col, #p41 #col2.col, #p43 #col2.col, #p44 #col2.col, #p45 #col2.col, #p46 #col2.col, #p47 #col2.col, #p48 #col2.col, #p49 #col2.col, #p50 #col2.col, #p51 #col2.col, #p52 #col2.col, #p53 #col2.col, #p54 #col2.col, #p55 #col2.col, #p56 #col2.col, #p57 #col2.col, #p58 #col2.col, #p59 #col2.col, #p60 #col2.col, #p61 #col2.col, #pms #col2.col {
	width:29.5%;
	display: inline-block;
	vertical-align:top;
}
#p4, #p5, #p10, #p12, #p19, #p20,#p30, #p31, #pgames {
	max-width:975px;
	margin:0 auto;
}
#p4 #col2.col, #p5 #col2.col, #p30 #col2.col, #p31 #col2.col {
	text-align:right;
}
#p10 #focus, #p10 .focus {
	max-width:100%;
	width:95%;
}

.fixed {
	position: fixed;
}
.eventshow {
	max-width:700px;
}
.eventresa {
	width:60%;
	& th {
		font-size:1.2em;
	}

}
#gamesreserv .eventresa, #roomsreserv .eventresa{
	width:100%;
}
}
/*</min-width:730px>*/

/*<min-width:800px>*/
@media (min-width:800px) {
.myspace{
	margin-top:-5.1em;
}
}
/*</min-width:800px>*/