@font-face {
		font-family: Hind;
		src: url("../fonts/Hind-Regular.ttf");
	}		
	@font-face {
		font-family: Hind;
		src: url("../fonts/Hind-Bold.ttf");
		font-weight: bold;
	}		

	html { font-size:100%; }

	body {font-family:Hind, Arial; margin-top:0; margin-left:0px; margin-right:0px; }
	#main-content { margin-top:20px;}
	#banniere img { width:100%;}

	#top-menubar { position:fixed; height:70px; overflow:auto; font-size:3rem; color:#1600ac; text-align:center; width:100%; margin:0; top:0; padding:10px 0px 0px 0px; background:white; border-bottom:solid 2px black; opacity:0.9; z-index:2; display:none; cursor:pointer;}
	#card-load {text-align:center; position:relative;margin:-90px 0px 0px 0px;}
	#card-plan, #card-recherche, #card-programme, #card-info { padding:0px 25px 200px 25px; font-size:1.8rem; text-align:center; display:none;}
	#card-plan { no-text-align:left;}

	#card-info hr { max-width:900px; height:2px; color:#963100; border:solid 2px; }
	
	.card-container { no-max-width:900px; display:inline-block;}
	#card-plan .card-container, #card-recherche .card-container, #card-programme .card-container { text-align:left;}
	/*#card-plan .card-container { width:1300px;}*/
	#card-plan .card-container { display:inline-block;}

	#rechercheMenuItems, #programmeMenuItems { margin-top:20px;  text-align:center;}
	.rechercheListItem { padding-top:15px; margin-bottom:20px; border-top: 1px solid black;}
	.programmeListItem  { margin-top:10px; padding-bottom:15px; border-bottom: 1px solid black;}
	#rmiMaison, #rmiDomaine, #rmiAutre, #pmiDedicaces, #pmiPrix, #pmiBinge, #pmsiSamedi, #pmsiDimanche { cursor:pointer; margin-right:20px; padding:10px;}
	#pmsiSamedi, #pmsiDimanche { font-size:1.5rem; margin-right:0px;}
	.rmiSelected, .pmiSelected { background:#1600ac; color:white; border-radius:10px; padding:10px;}
	.pmsiSelected { background:#963100; color:white; border-radius:10px; padding:10px;}
	
	.rechercheLocaliser { padding:5px; background:#f6c6c9; color:#555555; border:1px solid #1600ac; border-radius:10px; cursor:pointer;}
	.etaussi .rechercheLocaliser, #info-container .rechercheLocaliser { padding:0px 10px 0px 10px;}
	 
	#card-recherche .rechercheLocaliser, #card-programme .rechercheLocaliser, .rechercheLocaliserInfo { padding:0px 20px 0px 20px;background:#f6c6c9; border:none; border-radius:0; cursor:pointer; width:165px;}
	
	.rechercheSearch { display:inline-block; margin:10px 0px 25px 0px; color:#666666; font-style:italic; margin-left:10px;}
	.rechercheSearch input { width:800px; height:50px; font-size:3rem; background:#ececec;  border-radius:10px;}
	
	.clearInput { border:1px solid black; font-size:1.5rem; padding:0px 10px 0px 10px; border-radius:10px; cursor:pointer; display:none;}
	
	.rechercheStandDed { padding:5px; background:#963100; color:white; cursor:pointer; padding:0px 20px 0px 20px; margin-top:10px;}
	.moreInfos { padding:5px; background:#89b7ff; color:#555555; cursor:pointer; padding:0px 20px 0px 20px; margin-top:10px;}
	
	

	#contentRechercheMaison, #contentRechercheAutre { display:none;}
	
	#programmeMenuItems { border-bottom: 1px solid black; padding-bottom: 30px;}
	#contentProgrammeDedicaces, #contentProgrammePrix, #contentProgrammeBinge { margin-top:20px; width:900px;}
	#contentProgrammeDedicaces { font-size:1.8rem;}
	
	.encours { background: yellow; color: black; padding: 6px; transform: rotate(-8deg) translate(400px, 60px); width: 200px; text-align: center; position: absolute; border:solid 1px black; border-radius:4px; display:none; z-index:1;}
	#card-plan .encours {cursor: pointer;}
	.encours.small { width: 68px; font-size: 1rem; display: inline-block; line-height: 1; display:none;}
	.titre-termine {background:#444444; color:white; padding-left:10px; display:none; width:850px;}
	
	#rang-haut .encours.small { transform: rotate(-8deg) translate(15px, -30px);}
	#scg-1 .encours.small, #scg-3 .encours.small { transform: rotate(-8deg) translate(-20px, 48px);}
	#scg-2 .encours.small { transform: rotate(-8deg) translate(80px, 60px);}
	#scg-2 .encours.small.spe14 { transform: rotate(-8deg) translate(92px, 60px);}
	#scd-1 .encours.small { transform: rotate(-8deg) translate(70px, 60px);}
	#scd-2 .encours.small { transform: rotate(-8deg) translate(-14px, 48px);}
	#scd-3 .encours.small { transform: rotate(-8deg) translate(120px, 66px);}
	#scd-3 .encours.small.spe55 { transform: rotate(-8deg) translate(95px, 65px);}
	#rang-bas .encours.small { transform: rotate(-8deg) translate(-5px, 95px);}
	
	#contentProgrammePrix, #contentProgrammeBinge { font-size:1.7rem;}
	#contentProgrammeBinge { display:none;}
	#contentProgrammePrix .prixN  { text-align:center;}
	#contentProgrammePrix .prixN img { width:75%;}
	#contentProgrammePrix i, #contentProgrammeBinge i { font-family:Times;}
	
	.titre-prix, .titre-binge  {background:#963100; color:white; padding:5px; border-radius:10px; text-align:center;}
	
	#contentProgrammeBinge .dPlay { text-align:center;}
	.playBR { background:#1600ac; padding:20px; border-radius:15px; color:white; text-decoration:none; cursor:pointer;}
	.playBR img { width:50px; vertical-align:middle; padding-bottom:10px;}
	#contentProgrammeBinge .photos  { text-align:center;}
	#contentProgrammeBinge .photos img { width:75%; border-radius:15px;}
	
	#card-info .dInfosButton { text-align:center; margin-top:20px;}
	#card-info .infosButton { background:#1600ac; padding:10px 10px 10px 10px; border-radius:15px; color:white; text-decoration:none; cursor:pointer;}
	#card-info .infosButton.small { padding:10px 5px 5px 5px;}
	#card-info .infosButton.altern { background:#963100; padding:1px 10px 0px 10px; cursor:default;}
	#card-info .gogmaps { font-weight:bold; color:#963100; text-decoration:none;}
	#card-info .separateur img { width:300px; margin-top:20px;}
	.info-top1, .info-top2, .info-top3 { display:inline-block; line-height:1.5; width:710px;}
	.info-top1 { font-size:1.6rem; }
	.info-top2 { font-size:1.8rem; }
	.info-top3 { line-height:1.7; font-size:1.8rem; }
	.cmaintenant { background:#963100; padding:10px; font-family:Hind;}
	
	.picto-geoloc { width:100px;}
	
	.rechercheListItem .nomStand { width:400px;  display: inline-block; }
	.rechercheListItem .rechercheNStand { width:165px; display: inline-block; padding:0px 20px 0px 20px;}
	
	.programmeListItem .nomStand { width:400px; padding-right:5px; display: inline-block; }
	.rechercheListItem .ns, .programmeListItem .ns {border-right: solid 1px black;}
	.programmeListItem .rechercheNStand { width:210px; font-size:1.3rem; display: inline-block; padding:0px 20px 0px 20px;}
	.programmeListItem i { font-family:Times;}
	.creneau { margin-bottom:40px;}
	.hcreneau { background:#ddd; border-bottom:solid 1px black;}
	.editeur-cache { display:none;}
	
	
	#bottom-menubar { position:fixed; font-size:1.5rem; text-align:center; width:100%; margin:0; bottom:0; padding:10px 0px 10px 10px; background:white; border-top:solid 2px black; z-index:4; display:none;}
	#bmb-ib { display:inline-block;}
	#bmb-container { display:flex;}
	#bmb-container .pictoSalon.gauche img { margin-right:50px;}
	.bmb-item { margin-right:50px; cursor:pointer;text-align:center;opacity:0.5;}
	.bmb-item img { width:75px;}
	.pictoSalon img  { width:100px;}
	.pictoSalon.droite img { margin-right:25px;}
	.bmb-label {margin-top:-15px;}
	.bmb-item.selected {border-bottom:5px solid black;opacity:1 !important; border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;}
	
	
	@media (max-width: 900px) {
		#bottom-menubar { font-size:1rem; }
		.bmb-label {margin-top:-5px;}
		.bmb-item img{ width:50px;}
		.pictoSalon  img { width:75px;}
		#bmb-container .pictoSalon.gauche img, .bmb-item { margin-right:35px;}
	}
	@media (max-width: 600px) {
		#bottom-menubar { font-size:1rem;}
		.bmb-label {margin-top:-5px;}
		.bmb-item img { width:33px;}
		.pictoSalon  img { width:50px;}
		#bmb-container .pictoSalon.gauche img, .bmb-item { margin-right:20px;}
	}
	

	#loader { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
	#salon-affiche img  { display:none;}
	#loader img {width:100px;}

	.infoPopInContainer { position: fixed; width:100%; height:100%; top: 0; bottom: 0; left: 0; right: 0; z-index:3; display:none;}
	.infoPopIn { width:500px; padding:25px 25px 0px 25px; margin-left:auto; margin-right:auto; margin-top:10%; color:black; background-color:white; border-radius: 10px; box-shadow: 0px 7px 15px -6px rgba(0,0,0,0.3); border:1px solid #e0e0e0;}
	.infoPopInContent { font-size:22px;}
	.infoPopInTitle { font-size:26px; text-align:center;}
	.infoPopInText { font-size:18px; }
	.infoPopInText img { margin-right:10px; align:middle;}
	.infoPopInText a { font-size:16px;}
	.infoPopInDedText { margin-top:30px; }
	.bCloseInfoPopIn { position:absolute; margin-left:465px; cursor:pointer;} 
	.standNumber { font-size:20px; color:#808080;}
	
	#mp-container { margin-bottom:25px; }
	#menu-plan { width:max-content; display:flex;}
	
	#ic-center { text-align:center;}
	#info-container { margin-top:-120px; text-align:center; background:#efefef; padding:10px; opacity:0; min-height:180px;}
	#info-content{ display:inline-block;margin-left:20px; padding:10px; border:2px solid #1600ac; border-style:dashed; border-radius:5px; font-size:1.5rem; line-height:1.9rem; max-width:800px; text-align:center;}
	#info-content .bclose { width:50px; float:right; cursor:pointer;}

	.mp-em { background:yellow; padding-left:5px; padding-right:5px; border-radius:5px;}


	
    .salle-modele1  {width:1300px; padding:30px; border:solid 2px #555555; border-radius:15px; margin-left:auto; margin-right:auto; background:white; opacity:0.9;}
	.salle-modele1 #salon-logo img { position:absolute; opacity:1; width:150px; margin-top:-15px;}
	.salle-modele1 #salon-slogan img { position:absolute; opacity:1; width:85px; margin-top:-15px; margin-left:90px;}
	.salle-modele1 #rdv img { position:absolute; width:100px; margin-left:1220px; transform:rotate(-165deg) translate(30px, 10px); }
    .salle-modele1 #rang-haut {display:flex; float:right; height:75px; margin-right:10px; margin-bottom:30px; border:none 1px black;}
    .salle-modele1 #salle-centrale {display:flex; width:100%; border:none 1px black;}
    .salle-modele1 #sc-gauche {display:flex; width:45%; border:none 1px black; }
	.salle-modele1 #sc-centre {width:8%; }
    .salle-modele1 #sc-droite {display:flex; width:45%; border:none 1px black; }
    .salle-modele1 #scg-1, .salle-modele1 #scd-3 {margin:10px; border:none 1px black; }
	.salle-modele1 #scd-3 {text-align:right;margin-top:0px;}
	.salle-modele1 #scg-allee, .salle-modele1 #scd-allee { width:25%;}
    .salle-modele1 #scg-2, .salle-modele1 #scd-1 {margin:10px; border:none 1px black; text-align:right;}
    .salle-modele1 #scg-3, .salle-modele1 #scd-2 {margin:10px; border:none 1px black; }
    .salle-modele1 #rang-bas {display:flex; width:500px; height:100px; border:none 1px blue;}
	.salle-modele1 #basgauche { margin-right:300px; }
	.salle-modele1 #entree { margin-top:30px; margin-left:25px; font-size:2rem;}


	
	.salle-modele2 { border:solid 1px black; width:1000px; padding:50px; border-radius:15px;}
	.salle-modele2 #salon-logo img { position:absolute; opacity:1; width:150px; margin-top:-15px;}
	.salle-modele2 #rang-haut {display:flex; float:right; height:75px; margin-right:50px; margin-bottom:50px; border:none 1px black;}
    .salle-modele2 #salle-centrale {display:flex; width:100%; border:none 1px black;}
    .salle-modele2 #sc-gauche {display:flex; width:25%; border:none 1px black; }
	.salle-modele2 #scg-1 {margin:10px; border:none 1px black; }
	.salle-modele2 #sc-centre {width:50%; }
    .salle-modele2 #sc-droite {display:flex; width:25%; border:none 1px black; }
	.salle-modele2 #scd-1 {margin:10px; border:none 1px black; text-align:right;}
	.salle-modele2 .spot.round {transform:translate(190px,150px);}
	.salle-modele2 .spot.round .stand_table {width:150px; height:150px; border-radius:50%; text-align:center; padding-top:30px;}
	.salle-modele2 .spot.round .tableText { line-height:3em; display:block !important; font-size:18px;}
    .salle-modele2 #rang-bas {display:flex; width:500px; height:100px; border:none 1px blue;}
	.salle-modele2 #basgauche { margin-right:100px; }
	.salle-modele2 #entree { margin-top:30px; margin-left:200px; font-size:2rem;}

    .spot.vert {display:flex; margin-bottom:0px; font-size:1rem; max-height:100px; max-width:200px;}
	#scg-1 .spot.vert, #scg-3 .spot.vert {float:left;}
	#scg-2 .spot.vert {float:right;}
	#scd-1 .spot.vert, #scd-3 .spot.vert {float:right;}
	#scd-2 .spot.vert {float:left;}
	.spot.horiz {margin-right:0px; font-size:1rem; text-align:center; width:105px;}
	.boutrangH {position:absolute; margin-left:120px; margin-top:37px;}
	.boutrangH2 {position:absolute; margin-left:135px; margin-top:37px;}
	.caleBoutRangH {max-height:none; height:80px;}
	.caleBoutRangH2 { max-height:none;height:80px;}
	.stand_table {color:white; border-radius:5px; border:1px solid #555555;}
	.cale {border:none !important;}
	.stand_table.vert {height:60px;width:20px; padding:20px; min-width:20px;}
	.stand_table.horiz {height:30px; padding:15px;}
	.spot.horiz .tableText {width:105px; margin-left:-4px;}

	.tableText { line-height:1.3em; display:table;}
	.spot.horiz .tableText span { display:table-cell; vertical-align:bottom; overflow:hidden; text-overflow:ellipsis;}
    .cmaison {background-color:black; }
    .cdomaine {background-color:#1600ac; }
	.cautre {background-color:#1600ac; }
	.cvide {background-color:#d0d0d0;}
	.stand_table.horiz.food {background-color:#029f44; width:200px; }
	.tableText.food { width:220px !important;}
	#nonfood {display:flex; margin-top:0px;}
	#nonfood .spot.horiz { align-self:last baseline;}
	#toilettes {transform:translate(-200px, 60px); color:grey; font-size:1.6rem;}
	#scg-1 .tableText, #scg-3 .tableText, #scd-2 .tableText { margin-left:5px;}
	#scg-2 .tableText, #scd-1 .tableText, #scd-3 .tableText { margin-right:5px;}
	
	.nomarg { margin:0;}
	
	.sepBorder { border-left:solid 1px;}
	
	#cRotate, #cRecherche {margin-top:20px; margin-bottom:15px; }
	.button {padding:10px; font-size:2rem; cursor:pointer; border-radius:15px; margin-left:20px; opacity:0.8;}
	.button#bRotate {background:#1600ac; color:white; border-style:double; }
	.button#bRecherche {background:#1600ac; color:white; }
	
	.locateStand {background:yellow !important; color:black !important;}
	
	.ipicHeader { font-size:2rem;text-align:center;}
	.ipicStand { font-size:2rem;}
	.ipicHeader img { width:200px; border-radius:10px;}
	.ipicBody { font-size:1.5rem; padding-top:20px 0px 20px 0px;}
	.ipicLocaliser { text-align:center; margin-top:20px;}
	.bandeauEN { position:absolute; background:yellow; color:black; padding:5px;transform: rotate(-8deg) translate(-20px, -55px); font-size:1.5rem}
	
	.info-sub {font-size:1.2rem; line-height:1.9;}
	.info-sub table td { width:800px}
	.info-sub-small {font-size:1.1rem; margin-top:-30px; text-align:center; }
	.content-ism { width:400px; display:inline-block;}
	.etaussi { dislay:inline-block; line-height:1.7; margin-bottom:60px; font-size:1.5rem;}
	.etaussi img { width:600px; border-radius:10px; margin-top:50px;}
	.etaussi i { font-family:Times; font-size:1rem;}
	
	
	.container-credits { text-align:center;}
	.credits { display:inline-block; font-size:1rem; margin-top:200px; width:700px; border-top:solid 1px #963100; padding:10px;}
	.credits a { color:#963100; text-decoration:none; font-weight:bold;}
	.credits img { width:25px; vertical-align: middle; padding-bottom: 1px;}
	
	#zone-test { position:fixed; z-index:3; width:350px; font-size:1.5rem; background:black; color:white; padding:10px; display:none; opacity:0.9; border-top-right-radius:15px; border-bottom-right-radius:15px; margin-top:220px;}
	#testCmd { background:#1600ac; margin:10px; width:60px; padding:5px; border-radius:15px; display:inline-block; cursor:pointer; text-align:center;}


	#clockdiv { font-family:sans-serif; color: #fff;	display: inline-block; font-weight: 100; text-align: center; font-size: 30px;}
	#clockdiv > div { padding: 10px; border-radius: 5px; background: #963100; display: inline-block;}
	#clockdiv div > span { padding: 15px; border-radius: 10px; background: #00816A; display: inline-block;}
	.smalltext { padding-top: 5px; font-size: 16px; }