@font-face { font-family: floating; src:url('../font/FloatingBoldCondensed02-Regular.otf'); } 
@font-face { font-family: floating_bold; font-weight:bold; src: url('../font/FloatingBoldCondensed02-Regular.otf'); }
@font-face { font-family: avenir_ital; font-weight:bold; src: url('../font/AvenirNextLTPro-It.otf'); }
@font-face { font-family: avenir_reg; font-weight:bold; src: url('../font/AvenirNextLTPro-MediumCn.otf'); }
@font-face { font-family: avenir_lg_it; font-weight:bold; src: url('../font/AvenirNextLTPro-UltLtCnIt.otf'); }

.panorama {
	height: 600px;
	margin:0;
	overflow-x: scroll;
	overflow-y: hidden;
	img {
		height:100%;
	}

}
body { margin: 0; }
a { color: #000; }
a { color: #000;  }
.titre_h1 { font-size: 30pt; font-family:floating; left: 20px;  letter-spacing:2pt;  }
.texte_name {  font-size: 10pt; font-family:avenir_ital; left: 20px; margin-top: 20px; margin-bottom: 20px;  }


.texte_fr {  font-size: 12pt; font-family:avenir_reg; margin-left: -2px; margin-top: 0px; text-align: justify;  text-justify: inter-word;   letter-spacing:0.5pt;  }
.texte_en {  font-size: 12pt; font-family:avenir_lg_it; margin-left: -2px; margin-top: 0px;  text-align: justify;  text-justify: inter-word;   letter-spacing:0.5pt;  }


h1 {}
#projets {  left: 0; top: 0; margin: 0; width:100%;  float: left; }
.boite { min-height: 450px; width: 420px; float: left; margin:0; font-size: 12px; padding: 25px; background-color: #fff;   }
.boite_sans_dim { float: left; margin:0;  }

.close { position: fixed; right: 5px; top:-21px; width: 100px; height: 100px; background-color: #fff; color: #000;  }





/* */

.bt_ouvrir { position: absolute; top: 20px; left: 20px }

.bt_fermer { top: 20px; right: 20px }
/* ouvrir fermer menu */

.sidenav {
  height: 100%;
  width: 30%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #1f84f0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 65px;

 min-height: 450px;
width: 420px;
float: left;
margin: 0;
font-size: 12px;
padding: 25px;
background-color: #fff;
}

.sidenav a {
  /*
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
  font-family: 'Epf', bold;
  */é
}

.sidenav a:hover, .offcanvas a:focus {
  text-decoration: underline;
}

.sidenav .closebtn {
  position: absolute;
  top: 5px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}