/********************************************************/

/*                    isycard structure                 */

/********************************************************/





@font-face {

    font-family:"PT Sans Narrow";

    src: url("../../includes/font/pt-sans-narrow.ttf") format('truetype');/* TTF file for CSS3 browsers */

}



@font-face {

	font-family: 'FuturaLight';

	src: url('includes/font/futurastd-light-webfont.eot'), /* IE9 Compat Modes */

		url('../../includes/font/futurastd-light-webfont.ttf')  format('truetype');

	

}





@font-face {

    font-family:"Europe";

    src: url("../../includes/font/europe.ttf") format('truetype');/* TTF file for CSS3 browsers */

}





@font-face {

    font-family:"PT Sans Narrow";

    src: url("../../includes/font/impact.ttf") format('truetype');/* TTF file for CSS3 browsers */

}





@font-face {

    font-family:"Saira";

    src: url("../../includes/font/saira.ttf") format('truetype');/* TTF file for CSS3 browsers */

}





@font-face {

    font-family:"Lato";

    src: url("../../includes/font/Lato-Regular.ttf") format('truetype');/* TTF file for CSS3 browsers */

}


@font-face {

    font-family:"Arapey";

    src: url("../../includes/font/Arapey.ttf") format('truetype');/* TTF file for CSS3 browsers */

}

#container-position-pos{
	overflow: auto!important;
}


#welcome { 	

	padding:0;

	margin:0;

	z-index: 9;

}



#logo-hotel{

	max-width: 200px;

}

.welcome-flag {

	padding-left: 10px;

	padding-right: 10px;

	cursor: pointer;

	width: 50px;

}

  

.menu_vin_categorie{

	font-size:40px;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit!important;
	font-size: 25px;
   
}



#carouselAccueil, #carouselHotel, #carouselPos, #carouselVin {

	background: black;

	z-index: -1!important;

}



#home-hotel, #home-pos{ 

	position: fixed;

	padding:0;

	margin:0;

	background: url(../../assets/images/global/hotel/main_background.jpg) no-repeat center fixed;

    background-size: cover;

}

.arrondi_prix{font-size: 20px;}



#preload { 

	display: block;

	padding:0;

	margin:0;

	z-index: -999;

}



#submenu-pos-type{

	width: 100%;

    height: 100%;

    background: transparent;

    position: fixed;

	z-index: -1;

	opacity:0;

}



#pos-type-block {	

	background: rgba(0,0,0,1);

    width: 200px;

    height: 200px;

    right: 0;

    position: absolute;

    width: 300px;

    height: 300px;

	

    top: calc(50% - 150px);

    padding: 15px;

    overflow: hidden;

    padding-top: 5px;

    width: 400px;

    height: 400px;

    top: calc(50% - 200px);

    left: calc(50% - 220px);

    border-radius: 5px;

}



.label_img{

	width: 20px;;

}



.dt_article_thumbails .label_img,.dt_article_thumbails .bio_img,.dt_article_thumbails .faitmaison_img {

	width: 25px;

	position: relative;

    top: 45px;

}



.dt_article_thumbails .suggestion-vin{

	top:20px;

    width: 20px;

    position: relative;

   

}



.dt_article_thumbails .mCSB_container, .dt_article .mCSB_container{

	height: 100%!important;

   

}



.item-inner {

	padding: 15px;

    min-width: 190px;

    text-align: left;

    margin: 0px;

    background-size: cover;

    padding: 10px;

    width: 100%;

    height: 150px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 0px;

	cursor: pointer;

	    background-position: center;

}





.item-inner hr {

	width: 100%!important;

    box-shadow: rgb(243 243 243) 1px 1px 3px;

    color: #e01414;

    border-top: 1px solid #eee0;

}

.item-inner p{

	color:#fff;

	margin:0;



}

.stitre_icon{

	font-size: 13px;

	font-style: italic;

}



.item-inner h4, .item-inner h3 {

	color:#fff;

	margin:0;

	

}



.menu-icon-mode{

	height: 155px;

}



.item {

    padding: 0;

    margin: 0px;

	border-bottom: 1px solid #ffffff2e;

	border-left: 1px solid #ffffff2e;

}

.menu-icon-mode .logo-hotel img{

	width: 100px!important;

}



.menu-icon-mode .title-hotel{

	font-size: 30px!important;

	margin:0;

}



.menu-icon-mode .subtitle-hotel{

	text-align: center;

}



.contenair-icon{

top: 155px!important;

	height: calc(100% - 205px)!important;

	

    margin: 0;

    padding: 0!important;

}





/********************************************************/

/*                    Content isycard                   */

/********************************************************/



.menu-left .navbar-collapse ul {

	width:200px;

	height: calc(100vh - 150px)!important;

	max-height: calc(100vh - 150px)!important;

	

	overflow: auto !important;

}





/* menu customisable */

.menu-custom {

	width: 100%;

	height: 100%;

	top: 0;

	position: absolute;

	align-items: flex-start;

	display: inline-flex;

	z-index: 10;

}



.menu-custom .table-cell{

	display: block!important; 

	height: 100%;

	padding-top: calc(50vh - 30px); 

	width: 100%;

	position: fixed;

}

	

.container-custom   {

	height: calc(100% - 270px);

    position: fixed;

    overflow: auto;

    z-index: 2;

    top: 200px;

    width: calc(100% - 0px);

    left: 0;

}



.content-isycard-custom{

	top: 210px;

    position: fixed;

    height: calc(100% - 300px);

    width: calc(100% - 00px);

}



/* menu middle */

.menu-middle {

	width: 100%;

	height: 100%;

	top: 0;

	position: absolute;

	align-items: center;

	display: inline-flex;

	z-index: 10;

}



.menu-middle .table-cell{

	display: block!important; 

    height: 100%;

    padding-top: calc(50vh - 30px); 

    width: 100%;

    position: fixed;

}



.container-middle   {

	height: calc(100% - 110px);

    position: fixed;

    overflow: auto;

    z-index: 2;

    top: 70px;

    width: calc(100% - 0px);

	left: 0;

	overflow-x: hidden;

}

.content-isycard-middle{

	top: 250px;

    position: fixed;

    height: calc(50% - 180px);

    width: calc(100% - 00px);

}



/* menu left */

.menu-left  {

	width: 200px;

	top: 0;

	height: 100%;

	position: absolute;

	align-items: center;

	display: block;

	z-index: 9;

}



.menu-left .table-cell{

	display: block!important; 

    height: 100%;

    width: 200px;

    position: relative;

}



.container-left   {

	height: 100%;

	position: fixed;

	overflow: auto;

	z-index: 3;

	top: 0;

    width: calc(100% - 200px);

	left: 200px;

	padding: 20px;

	overflow-x: hidden;

}



.content-isycard-left{

	top: 100px;

    position: fixed;

    height: calc(100% - 160px);

	width: calc(100% - 200px);

}



.menu-left img{

	display: block;

    margin-left: auto;

	margin-right: auto;

	height: 55px;

}



.menu-left img, .menu-top img,  .menu-custom img{

	

	height: 85px;

}



.menu-middle img{

    height: 60px;

}

/* menu top */

.container-top   {

	height: calc(100% - 160px - 50px);

    position: fixed;

    overflow: auto;

    z-index: 3;

    top: 160px;

    width: calc(100% - 0px);

	left: 0;

	overflow-x: hidden;

	padding: 15px;

}



.menu-top  {

	width: 100%;

	top: 0;

	height: 60px;

	position: absolute;

	align-items: center;

	display: block;

	z-index: 10;

}



#container-myregion {

    height: 100%;

    position: fixed;

    overflow: auto;

    z-index: 3;

    top: 0px;

    width: 100%;

    left: 0;

    overflow-x: hidden;

    padding: 0px;

	display: none;

	background: red;

}


#container-myregion-home{

    height: 100%;

    position: fixed;

    overflow: auto;

    z-index: 4;

    top: 0px;

    width: 100%;

    left: 0;

    overflow-x: hidden;

    padding: 0px;

	display: none;

	background: red;

}


.menu-top .table-cell{

	display: block!important; 

    height: 100%;

    width: 150px;

    position: relative;

}



.content-isycard-top{

	top: 250px;

    position: fixed;

    height: calc(100% - 300px);

    width: calc(100% - 00px);

}



.content-isycard-bottom{

	position: fixed;

    height: calc(50% - 150px);

    width: calc(100% - 00px);

    bottom: 80px;

}



/********************************************************/

/*                    Navigation bar                    */

/********************************************************/



.navbar{

	background: rgba(0,0,0,0.7);

	overflow: hidden;

}



.navbar-toggler{

    width: 40px;

    height: 40px;

    padding: 6px;

    border: 1px #fff solid;

	border-radius: 20px;

	top: 7px;

    right: 7px;

}



.navbar-toggler:not(.collapsed) span:nth-child(1) {

    position: absolute;

    left: 6px;

    top: 14px;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    opacity: 0.9;

}



.navbar-toggler:not(.collapsed) span:nth-child(3) {

    position: absolute;

    left: 6px;

    top: 15px;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

    opacity: 0.9;

}



.navbar-toggler span {

    display: block;

    background-color: #fff;

    height: 1px;

    width: 25px;

    margin-top: 5px;

    margin-bottom: 5px;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    left: 0;

    opacity: 1;

}



.navbar-menu-vertical{

	flex-direction: row;

}



.menu-left .navbar{

	text-align: center;

    background: rgba(0,0,0,0.7);

    height:60px;

    margin: auto;

	width: 150px;

	height:	100%;

	border-radius: 4px;

	border-radius: 4px;

    height: calc(100vh - 50px);

}



.menu-left .navbar-nav {

    flex-direction: column !important;

}



.menu-left .navbar{

	text-align: center;

    background: rgba(0,0,0,0.7);

    height:60px;

    margin: auto;

	width: 100%;

	height:	60px;

	border-radius: 0px;

	height: calc(100%);

	padding-top:5px;

}



.menu-left .navbar-nav {

    flex-direction: column !important;

}



.menu-middle .navbar{

	text-align: left;

    background: rgba(0,0,0,0.7);

    height:60px;

	margin: auto;

	width: 100%;

 }



.menu-custom .navbar{

	width: 180px;

    height: 180px;

    border-radius: 90px;

    overflow: inherit;

    text-align: center;

    background: rgba(122, 143, 158, 0.8);

    left: 40px;

    top: 20px;

}



.custom-ul {

    background: rgba(0,0,0,0.5);

    border-radius: 20px;

    padding-left: 20px;

    padding-right: 20px;

	height: 50px;

	margin-left: -40px;

	margin-top: 10px;



}



.menu-custom .navbar-nav {

    flex-direction: row !important;

}



/********************************************************/

/*                      Typography                      */

/********************************************************/



.item-menu-left{

	text-transform: uppercase;

    font-size: 12px;

    padding: 0px 10px;

    text-align: left;

    outline: none;

    cursor: pointer;

    box-shadow:none;

    width: 200px;

    margin: 15px 0px 0px 0px !important;

	padding-left: 0px !important;

	padding-top: 0 !important;

	padding-bottom: 0 !important;

	float: left;

	box-shadow: 0px 1px 0px 0px rgb(152 152 152 / 51%);

	

}



.item-menu-top{

	text-transform: uppercase;

    font-size: 25px;

    padding: 0px 10px;

    text-align: left;

    outline: none;

    cursor: pointer;

    margin: 15px 0px 0px 0px !important;

	padding-top: 0 !important;

	padding-bottom: 0 !important;

	float: left;

	

	width: 100%;

    text-align: center;

	line-height: 5px;

	white-space: nowrap;

}

li > .item-menu-top {

	/*box-shadow:none;*/

	float: inherit;

}



.navbar-collapse > .item-menu-top {

width: calc(100% - 125px);

}


.subtitle-hotel, .welcome-flag{
	font-size: 25px;
}




.menu-top #navbarPos {

	width: calc(100% - 120px);

	float: right;

	padding-top: 0px;

}





.menu-top #navbarPos ul li{

	padding-right: 0px;

}



.menu-top #navbarPos ul li a{

	float: left;

	text-align: left;

}





.item-menu-custom{

	text-transform: uppercase;

    font-size: 14px;

    padding: 0px 10px;

    text-align: left;

    outline: none;

    cursor: pointer;

    box-shadow:none;

     margin: 15px 0px 0px 0px !important;

	padding-left: 15px !important;

	padding-top: 0 !important;

	padding-bottom: 0 !important;

	float: left;

	font-size:1.3vw;

	white-space: nowrap;

}

#pos-type-block h2 {

    font-size: 22px;

    color: #fff;

    padding: 20px 0px 0px 0px;

    text-align: center;

	font-size: 20px;

	text-transform: uppercase;

}



.sous_titre_restaurant, .sous_titre_bar, .sous_titre_spa, .sous_titre_artiste, .sous_titre_groupe, .sous_titre_hotel, .sous_titre_boutique {

	font-size: 15px;

    top: -10px;

    color: #c0c0c0;

	box-shadow:none;

	border-spacing: 10px 50px;

    margin-bottom: 15px;

    padding-right: 20px;

	margin-right: 20px;

	display:none;

}



#subitems_restaurant li {

    margin: 0px;

	

	color : #fff;

	text-align: left;

	padding-bottom: 9px;

	padding-top: 9px;

	box-shadow: 0px 1px 0px 0px rgb(152 152 152 / 51%);

	width: 90%;

}



#subitems_restaurant li a{

    margin: 0px;

	height: 45px;

	font-size:15px;

	text-align: center;

	float: inherit;



}



#pos-type-block ul {

	list-style: none;

	padding:0;

}



.item-menu-middle {

	text-transform: uppercase;

    font-size: 1.1vw;

    padding: 0px 10px;

    text-align: center;

    outline: none;

    cursor: pointer;

}



.title-pos{

	position: relative;

	width: 100%;

	margin-right: inherit;

    margin-left: inherit;

}



.title,

.subtitle { 

	font-weight:normal;

	font-size:4em;

	margin-bottom:15px; 

	color:#FDF9F4; 

	line-height:1em;

}



.subtitle { 

	line-height:.9em;

	font-size:5.5em;

	margin-top:0;

	margin-bottom:40px; 

}



/********************************************************/

/*                    image background                  */

/********************************************************/



section#img-background{

	position: fixed;

    width: 100%;

    height: 100%;

	margin:0;

}



section#img-background.inner {

	padding:140px 0 30px;

}



section#img-background.inner h2 strong  {

	color:#fff;

}

section#img-background.inner h2  {

	font-size:32px;

}



section#img-background  {

	text-align:center;

}



#img-background{

	z-index: -9;

	

    background-size: cover!important;

}



/********************************************************/

/*                    video background                  */

/********************************************************/



#video {

    animation: none !important;

    top: 0 !important;

    left: 0 !important;

    transform: none !important;

    position: absolute !important;

}



#video-background

{

	display: block;

	position:fixed !important;

	width:100% !important;

	height:100% !important;

	margin:0;

}



.video-background-controls{display:none;

}



/***********************************************************/

/*                   footers                   */

/***********************************************************/



.footer{

	width: 100%;

    padding-left: 10px;

    padding-right: 10px

}



.footer-hotel { 

	position: fixed;

	width: 100%;

	bottom:0px;

	height: 50px;

	background: rgba(0,0,0,0.7);

	display: none;

	z-index: 10;

	padding-top: 13px;

}



.footer-text{

	position:relative;

	color:#aeaeae;

	float:left;

}



.footer-back, .footer-home, .footer-back, .footer-settings,  .footer-info {

	position:relative;

	color:#ffffff;

	padding-left: 5px;

	padding-right: 5px;

	cursor: pointer;

}



.footer-flag{

	position:relative;

	color:#aeaeae;	

	cursor: pointer;

	float: right;

}



.footer-icons {

	position: absolute;

	float:right ;	

	cursor: pointer;

	font-size: 25px;;

}



.footer-flag img {

   vertical-align: initial; 

}



.footer-hotel-custom {

    position: fixed;

    width: 300px;

    bottom: 0px;

    height: 50px;

    background: rgba(0,0,0,0.7);

    display: none;

    z-index: 10;

    padding-top: 13px;

    float: right;

    right: 20px;

    border-radius: 20px;

	bottom: 20px;

	background: rgba(122, 143, 158, 0.8);

}



.footer-left-min {

	display: block!important;

		width: 200px!important;

		background: transparent;

		position: fixed;

		width: 100%;

		bottom: 0px;

		height: 50px;

		background: rgba(0,0,0,0.7);

		display: none;

		z-index: 9;

		padding-top: 13px;

}





/********************************************************/

/*                                                      */

/*                       RESPONSIVE                     */

/*                                                      */

/********************************************************/



@media (min-width: 768px) {



	

	

	.menu-middle  .navbar-expand-md .navbar-toggler, .menu-left  .navbar-expand-md .navbar-toggler,  .menu-top  .navbar-expand-md .navbar-toggler ,  .menu-custom  .navbar-expand-md .navbar-toggler {

		display: none;

	}



	.menu-middle  .navbar-collapse.collapse,  .menu-top  .navbar-collapse.collapse {

		display: block!important;

		height: auto!important;

		padding-bottom: 0;

		overflow: visible!important;

		float: right;

		padding-top: 20px;

	}



	.menu-left  .navbar-collapse.collapse {

		display: block!important;

		height: auto!important;

		padding-bottom: 0;

		overflow: visible!important;

		float: left;

		padding-top: 20px;

		padding-left: 5px;

	}



	.menu-custom  .navbar-collapse.collapse {

		display: block!important;

		height: auto!important;

		padding-bottom: 0;

		overflow: visible!important;

		float: left;

		padding-top: 0px;

	}



	.menu-middle  .navbar-collapse, .menu-left  .navbar-collapse, .menu-top  .navbar-collapse {

		display: block!important;

		height: auto!important;

		padding-bottom: 0;

		overflow: visible!important;

		float: left;

		padding-top: 20px;

	}



	.menu-custom  .navbar-collapse {

		display: block!important;

		height: auto!important;

		padding-bottom: 0;

		overflow: visible!important;

		float: left;

		padding-top: 0px;

	}



	.menu-middle  .navbar-expand-md .navbar-nav, .menu-left  .navbar-expand-md .navbar-nav , .menu-top  .navbar-expand-md .navbar-nav, .menu-custom  .navbar-expand-md .navbar-nav {

		-ms-flex-direction: row;

		flex-direction: row;

	}



	.menu-middle  .navbar-nav, .menu-left  .navbar-nav , .menu-top  .navbar-nav , .menu-custom  .navbar-nav {

		display: -ms-flexbox;

		display: flex;

		-ms-flex-direction: column;

		flex-direction: column;

		padding-left: 0;

		margin-bottom: 0;

		list-style: none;  

		float: right;

		

	}



	.menu-middle .navbar-nav {

		margin: 7.5px -15px;

	}

	.menu-left	.container-left .title-pos {

		width: calc(100% - 200px);

	}

	.navbar-menu-vertical{

		flex-direction: row !important;

	}



	

.menu-custom #navbarPos {

	

	float: left;

	padding-top: 0px;

}





.menu-custom #navbarPos ul li{

	padding-right: 0px;

}



.menu-custom #navbarPos ul li a{

	float: left;

	text-align: left;

	font-size:0.9vw;

}



}





@media (max-width: 767px) {



	.title-pos{

		

		margin-right: -15px;

    margin-left: -15px;

	}



	.item{

		padding:0;

		margin:0px;

		border-bottom: 1px solid #ffffff2e;

		border-left:none;

	}

	

.item-inner {

	padding: 15px;

	min-width: 190px;

	text-align: left;

	margin: 0px;

	background-size: cover;

	padding:10px;

	width: 100%;

    height: 150px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 0px;

}



.item-inner p {

    color: #fff;

    margin: 0;

    font-size: 20px;

}



 .item-inner h4 p {

    color: #fff;

    margin: 0;

    font-size: 12px!important;

}



.item-inner hr {

	width: 100%!important;

    box-shadow: rgb(243 243 243) 1px 1px 3px;

    color: #e01414;

    border-top: 1px solid #eee0;

}



.menu-icon-mode .logo-hotel img {

    width: 70px!important;

}



.menu-icon-mode .title-hotel {

    font-size: 20px!important;

    margin: 0;

}



.menu-icon-mode {

    height: 110px;

}

.contenair-icon {

	top: 117px!important;

	height: calc(100% - 167px)!important;

	margin: 0;

    padding: 0!important;

}

	.mCSB_draggerRail, .mCSB_dragger {

		opacity: 0!important;

	}



	.mCSB_scrollTools {

		opacity: 0!important;

	}



	.navbar-collapse.in {

		overflow-y: hidden;

	}

	

	.menu-left img, .menu-top img, .menu-middle img, .menu-custom img, #menu-slide-pos img, #menu-slide-vin img, #menu-slide-hotel img{

	

		height: 55px!important;

	}



	.navbar-b.navbar-trans .nav-item, .navbar-b.navbar-reduce .nav-item {

		

		text-align: right;

		box-shadow: 0px 1px 0px 0px rgb(171 168 168 / 51%);



	}

	.navbar-collapse ul {

		width:50%;

		height:auto!important;;

		min-width:200px;

		max-width:200px!;

		overflow: auto !important;

	}



	.menu-pos-item , .menu-pos-region {

		text-align: right;

		box-shadow: 0px 1px 0px 0px rgb(171 168 168 / 51%);

		margin-right: 20px;





		line-height: 40px;

	}



	.menu-left .navbar-collapse ul {

		width: 50%;

    height: 400px!important;

		min-width:200px;

		max-width:200px!;

		overflow: auto !important;

	}



	.item-menu-middle, .item-menu-left {

		text-transform: uppercase;

		font-size: 14px;

		padding: 5px 0px;

		text-align: center;

		outline: none;

		cursor: pointer;

		box-shadow:none;

		width: 130px;

		float:none;

		white-space:normal;

	

    line-height: 30px!important;

	}



	.item-menu-top {

		text-transform: uppercase;

		font-size: 14px!important;

		padding: 5px 0px;

		text-align: center;

		outline: none;

		cursor: pointer;

		box-shadow:none;

		width: auto;

		float: none;

		white-space: normal;

		

	}



	.item-menu-custom {

		text-transform: uppercase;

    font-size: 14px;

    padding: 0;

    text-align: left;

    outline: none;

    cursor: pointer;

    box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);

    width: 130px;

    float: none;

    white-space: normal;

    padding-left: 0!important;

	}

	.navbar-b.navbar-trans .nav-item, .navbar-b.navbar-reduce .nav-item {

		

		width: 100%;

		margin-bottom:20px;

		opacity: 1 !important;

		margin-top: 0 !important;

	}



	.navbar{

		background: rgba(0,0,0,0.7);

		overflow: initial;

	}



	.footer-left-min {

		display: block !important;

		position: fixed;

		width: 100%!important;

		bottom: 0px;

		height: 50px;

		background: rgba(0,0,0,0.7);

		z-index: 9;

		padding-top: 13px;

		

	  

	}



	.footer-icons {

		float: left !important;

	}



	.menu-middle {

		position: fixed;

		width: 100%;

		top: 0;

		display: inline-block;

		height: 60px;

	}



	.container-left {

		width: calc(100% - 0px);

		position: fixed;

		overflow: auto;

		z-index: 9;

		padding: 15px;

		left: 0px; 

		top: 60px;

	}



	.menu-left,.menu-top,.menu-custom {

		position: fixed;

		width: 100%;

		height: 60px;

		top: 0;

		display: inline-block;

		height: 60px;

	}



	.menu-left .navbar, .menu-top .navbar, .menu-custom .navbar {

		height: 100%;

		width: 100%;

		text-align: left;

	}



	.menu-custom .navbar {

		left: 0;

		border-radius: inherit;

		top: 0;

	}



	.footer-hotel-custom {

		position: fixed;

		width: 100%;

		bottom: 0px;

		height: 50px;

		z-index: 10;

		padding-top: 13px;

		float: right;

		right: 0px;

		border-radius: 2px;

		bottom: 0px;

		background: rgba(122, 143, 158, 0.8);

	}



	.menu-left img {

		display: inline-block;

		

	}



	.menu-middle .table-cell, .menu-left .table-cell, .menu-top .table-cell, .menu-custom .table-cell {

		padding-top: 0px; 

	}



	#pos-type-block {

		background: rgba(0,0,0,1);

		width: 250px;

		min-height: 200px;

		height: auto;

		right: 0;

		position: absolute;

		

		width: 300px;

    height: 300px;

    top: calc(50% - 100px);

    left: calc(50% - 150px);

}



#pos-type-block h2 {

    font-size: 22px;

    color: #fff;

    padding: 10px 0px 0px 0px;

    text-align: center;

    font-size: 20px;

}

.prix{

	display: content!important;

}



#subitems_restaurant li a {

   

    font-size: 15px;

   

}

		

	.title, .subtitle {

		font-size: 2em;

	}

	.pos-list-title {

		font-size: 2rem;

	}



	.pos-list-price {

		font-size: 2rem;

		

	}

	.pos-list-subtitle {

		font-size: 1.5rem;

	}



	.allergen-list {

		font-size: 1.5rem;

	}



	.pos-list-img {

		transition: all 1s;

		width: 70px;

		border-radius: 3px;

	}



	.box-miniature {

		height: 200px;

	}



	.menu-middle  .navbar-expand-md .navbar-nav, .menu-left  .navbar-expand-md .navbar-nav, .menu-top  .navbar-expand-md .navbar-nav, .menu-custom  .navbar-expand-md .navbar-nav {

		display: block;

		-ms-flex-direction: row;

		flex-direction: column;

		padding: 10px;

		float: right;

		align-items: flex-start;

		font-size: 14px;

		background: rgba(0,0,0,0.8);

		border: 0 none;

		border-radius: 2px;

		-webkit-box-shadow: none;

		box-shadow: none;

		-webkit-transition: all .45s;

		-moz-transition: all .45s;

		transition: all .45s;

	}



	.menu-middle  .navbar-nav>li>a, .menu-left  .navbar-nav>li>a , .menu-top  .navbar-nav>li>a , .menu-custom  .navbar-nav>li>a {

		padding-top: 10px;

		padding-bottom: 10px;

		line-height: 40px;

	}

		

	.container-custom, .container-left  {

		width: 100%;

		height: 100%;

		position: fixed;

		overflow: hidden;

		z-index: 3;

		padding: 15px;

		height: calc(100% - 120px);

		left: 0;

		top: 60px;

		overflow-x: hidden;

	}



	.container-top  {

		width: 100%;

		height: 100%;

		position: fixed;

		overflow: hidden;

		z-index: 3;

		padding: 15px;

		height: calc(100% - 165px);

		left: 0;

		top: 115px;

		padding-right:5px;

		overflow-x: hidden;

	}



	.container-middle {

		height: calc(100% - 120px);

		position: fixed;

		overflow: auto;

		z-index: 2;

		top: 70px;

		width: calc(100% - 0px);

		left: 0;

		overflow-x: hidden;

		

	}



	.title-pos{

		position: fixed;

		width: 100%;

	}

	

	.content-isycard-left, .content-isycard-top, .content-isycard-custom{

		top: 120px;

		position: absolute;

		width: 100%;

		height: calc(100% - 140px);

	}



	.content-isycard-middle {

		top: 100px;

		position: relative;

		height: calc(50% - 150px);

		width: calc(100% - 00px);

	}



	.container-left  .title-pos{

		margin-left: -15px;

    margin-right: -15px;

	}

}