html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family: 'Barlow', sans-serif; font-size:16px; color:#FFFFFF; background-color:transparent; }

#pano {zorder:1;}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff transparent;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
    height:150px;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 10px;
    border: 0px solid transparent;opacity: 0;
   -webkit-transition: all .5s;
  }

  *::-webkit-scrollbar-thumb:hover  {

 }
#fiche a {
text-decoration:none;
font-weight:bold;
color:#fff;
}

#divcontent {
position: absolute;
top:0px;
bottom:0px;
width:100%;
z-index: 90;
overflow: hidden;
}

#scroller {
top:0px;
bottom: 0px;
padding:0 30px;
position: absolute;
overflow-y:auto;
overflow-x:hidden;
text-align: left;
color: #fff;
z-index: 2;
-webkit-overflow-scrolling: touch;
font-weight:300;
box-sizing: border-box;
width: 100%;
}

#fiche{margin-top:30px;}

div.surtitre {
margin-bottom: -10px;
}
div.titre {
margin-bottom: 0px;
}

.surtitre {
  font-family: 'Barlow Condensed', sans-serif;
font-weight: 400;
color: #fff;
text-transform:uppercase;
font-size: 35px;
text-align:center;
}
.titre {
  font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
color: #fff;
font-size: 20px;
text-align:center;
word-wrap: break-word;
}

h3.dimension {
  background-image: url("dimension.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.service {
  background-image: url("service.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.capability {
  background-image: url("capability.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.design {
  background-image: url("design.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.contact {
  background-image: url("contact.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
text-transform: none;
}

h3.fendering {
  background-image: url("fendering.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.zone, h3.surface {
  background-image: url("zone.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.crib {
  background-image: url("crib.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.office {
  background-image: url("office.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.roller {
  background-image: url("roller.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.default {
  background-image: url("objectif.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.capacity {
  background-image: url("capacity.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.toilets {
  background-image: url("toilets.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3.access {
  background-image: url("access.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
padding: 0 0 0 30px;
}

h3 {
text-transform: uppercase;
font-family: 'Barlow Condensed', sans-serif;
font-weight:400;
}

p { margin-left:30px; }


ul {
list-style: url('list_bullet.png');
	margin-bottom:10px;
}
ul ul {
list-style: circle;
}

@media screen and (max-width: 800px) {
.surtitre {
margin-top: 20px;
font-size: 35px;
}
.titre {
font-size: 20px;
}

.barre {
background-size: 80px 25px;
margin: 0px auto;
}
div.surtitre {
margin-bottom: 0px;
}
div.titre {
margin-bottom: -30px;
}

}


.barre {
  background-color: white;
  background-position: center center;
  width:30px;
  height:3px;
  margin: 60px auto;
}

#chapeau  {
font-style:italic;
font-weight: 500;
}

#photo {
	text-align:center;
}

#photo img {
	height: auto;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
}

#chapeau , #texte_principal {
font-family: 'Barlow', sans-serif;
padding-bottom:20px;
float:left;
margin-top:-40px;
}

a {
color: #f6ab27;
}

#closedivcontent {
	position: absolute;
	top:20px;
	right:20px;
	z-index: 95;
}

#closedivcontent a:hover {
cursor:pointer;
}

.logo-header0 {
    fill: #0070B8;
}
.minimize {text-transform: lowercase;}