body {
	margin:0;
	padding:0;
  }
  h2 {
	color:#FFF;
  }
  h2.titre {
	text-align:center;
	font-size: 1.4rem;
	padding: 0px 20px;
	margin-bottom: 5px;
	color: #fff;
  }
  .info {
	height:150px;
	transition-property: height,margin-bottom;
	transition-duration: 0.5s;	
  }
  .info a {
	display: inline-block;
	padding-left:3px;
	color: #F7FF00;
  }
  .info a:hover {
	background-color: rgb(250, 250, 250);
	border-radius: 3px;
	color: #000;
  }	  
  .info a i{
	margin:0 3px;
  }
  #pano1 {
	opacity:1;
	z-index:1;
	width:50%;
	height:100%;
	top:0;left:0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0) !important;
  }
  #pano2 {
	opacity:1;
	z-index:1;
	width:50%;
	height:100%;
	top:0;left:50%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0) !important;
	border-left: 1px solid #FFF;
  }
  #vignette1{
	opacity:0;
	z-index:2;
	top:20px;
	right:calc(50% + 20px);
	position: absolute;
	background-color: rgba(0, 0, 0, 0.45);
	color:#FFF;
	padding:2px 17px 5px;
	font-weight: bold;
  }
  #vignette2{
	opacity:0;
	z-index:2;
	top:20px;
	right:20px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.45);
	color:#FFF;padding:2px 17px 5px;
	font-weight: bold;
  }
  #bloc_info{
	opacity:0;
	z-index:2;
	bottom:0;
	left:calc(50% - 300px);
	position: absolute;
	background-color: rgba(0, 0, 0, 0.63);
	color:#FFF;
	padding:0 10px;
	width:600px;
  }
  .info{
	overflow: auto;margin-bottom:10px;
  }
	
  
  
  #bloc_info.ferme .info {
	height:0 !important;
	margin-bottom:0 !important;
  }
  #bloc_info.ferme .titre {
	cursor:pointer;
  }
  #bloc_info .btu {
	position:absolute;
	top:5px;
	right:5px;
	padding: 4px 5px;
	cursor:pointer;
	background-color:#ffffff4f;
	opacity:0.7;
	transition-property: opacity;
	transition-duration: 0.3s;	
  }
  #bloc_info .btu:hover {
	opacity:1;
  }
  #bloc_info.ferme #bt_hide {
	display:none;
  }
	#bloc_menu {
		position: fixed;
		top: 30px;
		width:70px;
		right: 0px;
		z-index:19;
	}
	#bloc_menu .bt_menu {
		position:absolute;
		width: 150px;
		height:50px;	
		right: -110px;
		border-radius:25px;
		opacity: 0.6;
		background-color: #666;
		background-position: 0px center;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right;
		transition-duration: 0.3s;	
		display:none;
	}
	#bloc_menu .bt_menu:hover {
		opacity: 1;
		right: -100px;
	}

	#bt_ouvre_plein_g {
		top: 0px;
		background-image: url(../adon/images/logo_plein_ecran_g.png);
	}
	#bt_ouvre_plein_d {
		top: 0px;
		background-image: url(../adon/images/logo_plein_ecran_d.png);
	}

	#bt_ouvre_plein {
		top: 60px;
		background-image: url(../adon/images/logo_plein_ecran.png);
	}

	#bt_ouvre_plein.actif {
		background-image: url(../adon/images/logo_plein_ecran2.png);
	}
body {
	background-color:#000;
}

body.smart {
	background-image: url(../adon/images/ecran_smartphone2.jpg);	
}
	
#bloc_demo.masque{
	left:-100%;
}

.bt_demo{
width: 410px;
  height: 231px;
  margin: 50px 35px;
  background-size: cover;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  cursor: pointer;
}
.titre{
background-color: #fff;
  padding: 5px 20px;
  font-size: 20px;
  color: #1400A4;
  position: absolute;
  bottom: 0;
  margin-left: -20px;
  margin-bottom: -10px;
}

.bt_demo.bx-shadow:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#ouvre-demo {
  background-image: url(../adon/images/autre.png);
  background-position:left center;
  width: 40px;
  height: 200px;
  position: absolute;
  color: #FFF;
  left: 0;
  top:50%;
  margin-top:-150px;
  font-size: 50px;
  padding-left: 45px;
  z-index:2;
  cursor:pointer;
  background-repeat: no-repeat;
}
#change-dim {
  background-image: url(../adon/images/change-dim.png);
  background-position:left center;
  width: 40px;
  height: 100px;
  position: absolute;
  color: #FFF;
  left: 0;
  top:50%;
  margin-top:+70px;
  font-size: 50px;
  padding-left: 45px;
  z-index:2;
  cursor:pointer;
  background-repeat: no-repeat;
}
#titre-demo {
  width: 100%;
  height: 40px;
  position: absolute;
  color: #FFF;
  top: 5px;
  font-size: 50px;
  padding-left: 45px;
}
#logo {
  background-image: url(../adon/images/badges_detoure.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 650px;
  height: 410px;
  position: absolute;
  right: 0;
  bottom: -50px;
}
#bloc_demo {
  overflow: hidden;
  transition-property: opacity,left;
  transition-duration: 0.5s;
  opacity: 1;
  position: absolute;
  z-index: 3;
  left:0;
  padding-top: 80px;
  height: 100%;
  width:100%;
  background: linear-gradient(to bottom right,rgb(21, 111, 166) 20%, rgb(182, 228, 244));
}
.visite1{
	background-image: url(../adon/images/demo1.jpg);	
}
.visite2{
	background-image: url(../adon/images/demo2.jpg);	
}
.visite3{
	background-image: url(../adon/images/demo3.jpg);	
}
.visite4{
	background-image: url(../adon/images/demo4.jpg);	
}
.visite5{
	background-image: url(../adon/images/demo5.jpg);	
}
.visite6{
	background-image: url(../adon/images/demo6.jpg);	
}
.visite7{
	background-image: url(../adon/images/demo7.jpg);	
}
.visite8{
	background-image: url(../adon/images/demo8.jpg);	
}
.visite9{
	background-image: url(../adon/images/demo9.jpg);	
}
.visite10{
	background-image: url(../adon/images/demo10.jpg);	
}
.visite11{
	background-image: url(../adon/images/demo11.jpg);	
}
.visite12{
	background-image: url(../adon/images/demo12.jpg);	
}
.bx-shadow {
  /* -moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); */
  /* -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); */
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.4);
  /* box-shadow: 0 0 0 1px rgba(43,45,80,.1),0 2px 5px 0 rgba(43,45,80,.08),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08); */
}