/* CSS Document */

<style type="text/css">

body,td,th {
    font-family: 'gustavothin';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-size: 22px;
	color: #909b98;
	text-align:justify;
}

body {
	background-attachment:fixed;
	background-position:center top;
	background-color:#ddf2ed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #3b403f;
}

a:link {
	text-decoration: none;
	color: #00ca9a;
}
a:visited {
	color: #5ec7ae;
}
a:hover {
	color: #00e9b2;
}
a:active {
	color: #00ffc2;
}

* { padding: 0; }

article, aside, figure, footer, header, hgroup,
haut, haut_r, bas, bas_gauche, bas_droit, nav, section { display: block; }

img {
    vertical-align: baseline;
}

#watermark {
  position:absolute;
  overflow:visible;
  width:100%;
  height:100%;
  background: url(images/Watermark.png);
  background-repeat: repeat;
  opacity:.75;
  background-size: 15%;
  z-index:5;
}

#plan {
  position:relative;
  overflow:visible;
  left:0%;
  top:0%;
  width:100%;
  height:100%;
  opacity:.75;
  z-index:10;
  text-align: center;
  background:url(images/Plan.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.petite_camera,.petite_camera2 {
  position:absolute;
  overflow:visible;
  width:3%;
  height:3%;
  min-width:20px;
  min-height:20px;
  opacity:1;
  cursor: pointer;
}
.petite_camera {
  background:url(images/Camera.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:top left;
}
.petite_camera2 {
  background:url(images/Camera2.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:top left;
}

#page {
  position:absolute;
  overflow:visible;
  bottom:0px;
  text-align:center;
  vertical-align:bottom;
  width:100%;
  height:100%;
  z-index:3;
}

#fond_blanc{
  background-color: #ddf2ed;
  position:fixed;
  width:100%;
  height:100%;
  display:none;
  z-index:4;
}

.haut, .bas, .gauche, .droite {	
  height:auto;
  width:50px;
  overflow:visible;
  opacity: .9;
  text-align:center;
  position:fixed;
}

.haut {
	left:calc(50% - 25px);
	top:25px;
	z-index:15;
}
.bas {
	left:calc(50% - 25px);
	bottom:25px;
	z-index:13;
}
.gauche {
  letter-spacing: -15px;
  font-size: 50px;
	left:20px;
	top:calc(50% - 25px);
	z-index:13;
    vertical-align: center;
    font-family: 'gustavo';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.droite {
  letter-spacing: -15px;
  font-size: 50px;
	right:20px;
	top:calc(50% - 25px);
	z-index:13;
    vertical-align: center;
    font-family: 'gustavo';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.centre {
    opacity: .9;
    text-align:center;
    position:fixed;
	left:35%;
	top:calc(50% - 9px);
    width:30%;
	z-index:14;
    vertical-align: center;
    font-family: 'gustavothin';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-size: 26px;
    text-align: center;
}

.menu_langue, .menu_X, .menu_cam {
  top:25px;
	height:auto;
	overflow:visible;
	text-align:left;
	z-index:30;
	position:absolute;
	font-family: 'gustavothin';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-size: 28px;
	color: #3b403f;
}
.menu_cam {
	left: calc(50% - 125px);
  width:250px;
}
.menu_langue {
	left: calc(2.5% + 20px);
  width:100px;
}
.menu_X {
	text-align:right;
	right: calc(2.5% + 20px);
  width:100px;
}

.slogan,.slogan2 {
	top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  left:10%;
	width:80%;
  height:80%;
	overflow:visible;
	opacity: 1;
	text-align:left;
	z-index:11;
	position:fixed;
}

.slogan {
  background: url("images/Slogan.png");
  background-repeat:no-repeat;
  background-size:contain;
  background-position: center;
} 
.slogan2 {
  background: url("images/Slogan2.png");
  background-repeat:no-repeat;
  background-size:contain;
  background-position: center;
}

.colonne {
    font-family: 'gustavobold';
    src: url('http://onaura.ca/fonts/gustavo_bold-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-variant: small-caps;
	margin-top:50px;
}

.menu_fenetre {
  background: url(images/Fond_maison.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
	left:2.5%;
  top:0%;
	width:95%;
  height:100%;
	min-width:250px;
	text-align:left;
	position:fixed;
  display:none;
	border-radius: 50px;
  box-sizing: border-box;
	z-index:14;
  opacity:1;
}

.contenuMenuPanneau {  /* Interieur de page */
	left:12.5%;
  top:12.5%;
	height:75%;
	width:75%;
	min-width:250px;
	text-align:left;
	position:fixed;
  overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
  overflow-x: hidden;
	word-wrap: break-word;
	text-align:left;
  z-index:20;
	font-family: 'gustavothin';
  src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
       url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
	color: #3b403f;
	font-size: 28px;
  display:none;
}

.contenuCameraPanneau {  /* Interieur de page */
	left:10%;
  top:10%;
	height:80%;
	width:80%;
  z-index:0;
  opacity:0;
  min-width:250px;
	text-align:left;
	padding-top:20px;
	position:absolute;
	word-wrap: break-word;
	text-align:left;
	font-family: 'gustavothin';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
	color: #3b403f;
	font-size: 20px;
}

.citation {
      position: relative;
			text-align: right;
			top:0px;
			left: 40%;
			width:55%;
      font-size: 22px;
			z-index:28;
}

.iframe{
pointer-events: none;
}

#contenuPhotoFond {
      position:fixed;
			width:100%;
			height:100%;
			opacity:1;
			background-color:#604f4d;
			z-index:10;
			visibility:hidden;
}

#trans {
			opacity:.85;
			margin: 0px; right:90px;
			bottom:50px; position:fixed; z-index:11;
}

#zoneBoutonPrecedent {
      position:absolute;
			visibility:hidden;
			left:5%;
			width:100%;
			top:110px;
			z-index:100;
}

.fond_transparent {
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	background-origin:content-box;
	overflow:hidden;
  
	-webkit-background-origin:content-box; /* Safari */
	
	z-index:10;
	position:fixed;
}

.heading, .bouton_menu {
  margin: 0px;
  padding: 5px 1px;
  cursor: pointer;
  position: relative;
	color: #604f4d;
	left:0px;
	overflow:hidden;
	text-decoration:none;
	
	text-align:left;
	vertical-align:top;
	
    font-family: 'gustavobold';
    src: url('http://onaura.ca/fonts/gustavo_bold-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-size: 30px;
	
}

.content {
	top:10px;
    padding-bottom: 20px;
	
	text-align:justify;
	vertical-align:top;
    font-family: 'gustavoregular';
    src: url('http://onaura.ca/fonts/gustavo_regular-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-size: 22px;
}

.p {
	padding: 0px 0px;
    font-family: 'gustavothin';
    src: url('http://onaura.ca/fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
}

.prev, .next {
  position:fixed;
}

.prev {
    top:0px;
}
.next {
    bottom:0px;
}

.TextWrap {
  float:left;
  margin: 0px;
	}
	
.image {
   position: relative;
}

.text {
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
	text-align:center;
	vertical-align: text-top;
	opacity:.80;
	z-index:12;
}

.h2 {
   position: absolute;
   top: 50%;
   opacity:.9;
   transform: translateY(-50%);
   left: 33%;
   width: 33%;
	 text-align:center;
	 text-transform: uppercase;
	     font-family: 'gustavobold';
    src: url('fonts/gustavo_bold-webfont.woff2') format('woff2'),
         url('fonts/gustavo_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.h2_mobile {
   position: absolute;
   top: 12.5%;
	 opacity:.9;
   transform: translateY(-50%);
   left: 33%;
   width: 33%;
	 text-align:center;
	 text-transform: uppercase;
    font-family: 'gustavobold';
    src: url('fonts/gustavo_bold-webfont.woff2') format('woff2'),
         url('fonts/gustavo_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
	
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 17, 2021 */
@font-face {
    font-family: 'gustavobold';
    src: url('fonts/gustavo_bold-webfont.woff2') format('woff2'),
         url('fonts/gustavo_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gustavoitalic';
    src: url('fonts/gustavo_italic-webfont.woff2') format('woff2'),
         url('fonts/gustavo_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gustavoregular';
    src: url('fonts/gustavo_regular-webfont.woff2') format('woff2'),
         url('fonts/gustavo_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gustavothin';
    src: url('fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gustavobold';
    src: url('http://onaura.ca/fonts/gustavo_bold-webfont.woff2') format('woff2'),
         url('http://onaura.ca/fonts/gustavo_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gustavoitalic';
    src: url('fonts/gustavo_italic-webfont.woff2') format('woff2'),
         url('fonts/gustavo_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gustavoregular';
    src: url('fonts/gustavo_regular-webfont.woff2') format('woff2'),
         url('fonts/gustavo_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gustavothin';
    src: url('fonts/gustavo_thin-webfont.woff2') format('woff2'),
         url('fonts/gustavo_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

</style>