/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap");
:root {
  --body-bg-color: #e4e6f5;
  --border-color: #e5e4e9;
  --theme-bg-color: #fff;
  --body-color: #1b1f31;
  --main-color: #7a7e9d;
  --main-light-color: #7a7e9d;
  --title-color: #1b1f31;
  --body-font: "Jost", sans-serif;
  --button-bg-color: #eaeefc;
  --button-color: #59d8a7;
  --unselected-mail: #f8f8fb;
  --calendar-border-color: #cbcfe0;
  --main-container-bg: #f0f0f7;
  --main-colored:#7fddb9
}

* {
  outline: none;
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--body-font);
  background-color: var(--body-bg-color);
  color: var(--body-color);
  font-size: 15px;
}
button {font-family: var(--body-font);}

.bloc100{ width: 100%;   padding:30px; margin:auto; max-width:1000px}


/*iframe {border:0; display:1; width:100%; height:30%}*/
iframe {border:0; display: none}

iframe.fiche { 	display:block;position:absolute;
	top:0; left:0;
	width:100%; height:100%;max-width:1000px;
	z-index:100; 
	}
video {max-width:100%}
	

#html5-qrcode-button-camera-permission {margin: 15px auto 50px auto; padding: 5px 15px; }


#reduire { width:70px; height:70px; text-align:center; line-height:70px; color:#fff;
position:fixed; top:20px; right:20px; display:block; z-index:200; background:#000; cursor:pointer;
font-size:20px; font-weight:bold}

.show { display:block !important}
.hide { display:none !important}