@media screen and (max-width: 1600px) {
     body {
      margin:auto;
      width:100%;
      font-size: 1em;
      font-family: Verdana,Arial,Helvetica; 
      color:black;
	  background-repeat:repeat-y;
	  background-size:100% 100%;
	  background-color:;
	  background-image:url(images/);
      background-position:0px 0px, center;
     } 
	 .menutexte {display:block;margin:0px;padding:0px;}
	 i.mysize {
		font-size:2.1em;
	 }
	 i.mysizelr {
		font-size:1em;
	 }
	 .affichageflex {
	 	display:flex;
 	 }
	
	}

@media screen and (max-width: 900px) {
     body,html {
      margin:auto;
      width:100%;
      font-size: 0.9em;
	  line-height: 2em;
      font-family: Verdana,Arial,Helvetica; 
      color:black;
	  background-repeat:repeat-y;
	  background-size:100% 100%;
	  background-color:;
	  background-image:images/;
      background-position:0px 0px, center;
     } 
	 .menutexte {display:none;margin:0px;padding:0px}
	 i.mysize {
		font-size:2em;
	 }
	 i.mysizelr {
		font-size:0.9em;
	 }
	 .affichage {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
	 .affichageflex {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
}

@media screen and (max-width: 400px) {
     body,html {
      margin:auto;
      width:100%;
      font-size: 0.85em;
	  line-height: 2em;
	  font-family: Verdana,Arial,Helvetica; 
      color:black;
	  background-repeat:repeat-y;
	  background-size:100% 100%;
      background-position:0px 0px, center;
	  background-color:;
	  background-image:images/;
      background-position:0px 0px, center;
     } 
	 .menutexte {display:none;margin:0px;padding:0px}	
	 i.mysize {
		font-size:2em;	
	 }	
	 i.mysizelr {
		font-size:1.1em;
	 }
	 .affichage {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
	 .affichageflex {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
}

iframe {
	border:0;
}
	
ul,li {
	margin:1px;
}
	
p {
	margin:1px;
}

.centre {
	text-align:center	
}

.border {
	border:1px solid #000;
} 

.bord_haut {
	border-top:1px solid #000000;
}

.bord_bas {
	border-bottom:1px solid #000000;
}

.bord_droit {
	border-right:1px solid #000000;
}

.bord_gauche {
	border-left:1px solid #000000;
}

.bordd_haut {
	border-top:1px dashed #000000;
}

.bordd_bas {
	border-bottom:1px dashed #000000;
}

.bordd_droit {
	border-right:1px dashed #000000;
}

.bordd_gauche {
	border-left:1px dashed #000000;
}

.tangerine {
	font-family: 'Tangerine';
}

.cinzel {
	font-family: 'Cinzel';
}

.cookie {
	font-family: 'Cookie';
}

.border-top {
	border-top:1px solid #000;
}

.border-right {
	border-right:1px solid #000;
}

.border-bottom {
	border-bottom:1px solid #000;
}

.border-left {
	border-right:1px solid #000;
}

.overflowoff {
	overflow-x:hidden;
	overflow-y:auto;
}

.overflowon {
	overflow-x:auto;
	overflow-y:auto;
}
.overflowon::-webkit-scrollbar {
  display: none;
}

.overflowoff {
	overflow-x:hidden;
	overflow-y:auto;
}

.reservations {
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px; 
  	-moz-box-shadow: 4px 4px 14px #000; 
  	-webkit-box-shadow: 4px 4px 14px #000; 
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	border-radius: 5px;
	overflow:auto;
	background-color : #f6f6f6;
	border:1px solid #000000
}

.cadreombre {
  	-moz-box-shadow: 4px 4px 14px #000; 
  	-webkit-box-shadow: 4px 4px 14px #000; 
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}

.cadrearrondi {
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px; 
	border-radius: 5px;	
}

.cadreombre-blanc {
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	border-radius: 5px;
	overflow:auto;
	background-color : #FFFFFF;
	border:1px solid #000000
}

.cadreombre-transparent {
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px; 
  	-moz-box-shadow: 4px 4px 14px #000; 
  	-webkit-box-shadow: 4px 4px 14px #000; 
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	border-radius: 5px;
	overflow:auto;
	background-color : none;
	border:1px solid #000000
}

.cache {
	display : none;
}

.menu {
	text-align:center;	
}

.iconeresa {
	padding:0.1em;
	font-size:1.1em;
	font-weight:bold;
}

.iconeresapers {
	padding:0.2em;
	font-size:1.1em;
	font-weight:bold;
	border-radius: 8px;
	color:#000
}

.resanbpers {
	position:absolute;
    border-radius: 10px;
    color: #000;
    font-size: 0.9em;
    padding: 0 0.2em 0 0.2em;
    text-align: center;
    background-color: #fff;
    overflow:hidden;
    margin:-0.5em -0.5em -0.5em -0.3em;
}}

.calendar {
	font-family: Arial,Verdana,'Trebuchet MS', Tahoma,sans-serif;
	font-size: 0.9em;
	background-color: #EEE;
	color: #333;
	border: 1px solid #DDD;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em;
	width: 14em;
}

.calendar .months {
	background-color: #000;
	border: 1px solid #E78F08;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
	padding: 0;
}

.calendar .prev-month {
	float: left;
}

.calendar .next-month,
.calendar .today-but {
	float: right;
}

.calendar .current-month {
	margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
	color: #FFF;
	text-decoration: none;
	padding: 0.15em 0.3em 0.1em 0.3em;;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	font-weight:bold;
}

.calendar .months .today-but{
	color: #FFF;
	text-decoration: none;
	padding: 0.1em 0.3em 0.1em 0.3em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	font-weight:bold;
}

.calendar .months .prev-month:hover,
.calendar .months .today-but:hover,
.calendar .months .next-month:hover {
	background-color: #FDF5CE;
	color: #C77405;
}

.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 0.8em;
	width: 100%;
}

.calendar th {
	text-align: center;
	font-size:0.9em;
}

.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}

.calendar td span {
	display: block;
	color: #1C94C4;
	font-weight:bold;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0.2em; 
	cursor: pointer;
}

.calendar td.dayoff span.dayoff{ 
	display: block; 
	color: #1C94C4;
	background-color: #EEE;
	border: 0px solid #ccc;
	text-decoration: none;
	padding: 0.2em;
	cursor: default;
}

.calendar td span:hover {
	color: #C77405;
	background-color: #FDF5CE;
	border: 1px solid #FBCB09;
}

.calendar td.today span {
	background-color: #FFF0A5;
	border: 1px solid #FED22F;
	color: #363636;
}
	
.tableggsliderhoriz {
	height:6px;
	width:99%;
	cursor:pointer;
	margin:0px 0 0 0px;
	background-color:lightgrey;
}

.tableggslidervertic {
	height:99%;
	width:6px;
	cursor:pointer;
	margin:0px 0 0 0px;
	background-color:lightgrey;
}	


.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.9em !important;
    height: 1em !important;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    margin-left:0.15em !important;
    margin-top:0.1em !important;	
}	

.ui-slider-vertical .ui-slider-handle {
    left: 0em !important; 
    margin-left: -0.15em !important;
    margin-bottom: 0em !important;
}

.ui-slider-vertical {
    width: .7em !important;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: auto;
}

.padding_B01289D6821047BBA05A558962334AEE {padding:5 0 5 0;}
.padding_E2438CAA2C834D11B217F8F2501BAF93 {padding:5 5 5 5;}

.lb_label {
    font-size: 0.8em;
    background-color: white;
    color: blue;
    opacity: 0.8 !important;
    padding: 0.05 0.5em 0.05em 0.5em;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
    border-radius: 4px;
}

.grid > * {
  background-color: white;
}

.grid {
  background-color: black;
  grid-gap: 1px;
}	

.ggTable {
	margin-top:1.4em !important;
}