#caseVerteClaire {
  background-color : #d4c7a8;
  height : 100%;
  width : 100%;
  position : absolute;
  z-index: 1000;
  top:0;
  left: 0;
}
#caseVerteClaire #load {
	width:20%;
  color : black;
  font-family : microsoft yahei;
  font-size: 20px;
  text-align : center;
  position : absolute;
  top : 40%;
  left :40%;
}
/****DEBUT TRANSFORM****/
#caseVerteClaire #transform {
	width: 8%;
  position : absolute;
  top : 43%;
  left : 45%;
}

#transform1 {
  height : 30px;
  width : 30px;
  border-radius : 50%; 
  background-color : #444444;
  position : absolute;
  top : 85px;
  left : 15px;
  opacity : 0;
  animation : transform 4s infinite;
  -webkit-animation : transform 4s infinite;
}

#transform2 {
  height : 30px;
  width : 30px;
  border-radius : 50%; 
  background-color : #444444;
  position : absolute;
  top : 85px;
  left : 54px;
  opacity : 0;
  animation : transform 4s infinite;
  -webkit-animation : transform 4s infinite;
  animation-delay : 0.5s;
  -webkit-animation-delay : 0.5s;
}

#transform3 {
  height : 30px;
  width : 30px;
  border-radius : 50%; 
  background-color : #444444;
  position : absolute;
  top : 85px;
  left : 94px;
  opacity : 0;
  animation : transform 4s infinite;
  -webkit-animation : transform 4s infinite;
  animation-delay : 1s;
  -webkit-animation-delay : 1s;
}

@-webkit-keyframes transform {
  0% {opacity : 0;}
  25% {opacity : 1;}
  50% {opacity : 0;}
  75% {opacity : 1;}
  100% {opacity : 0;}
}

@keyframes transform {
  0% {border-radius : 0px; opacity : 0;}
  20% {border-radius : 0px; opacity : 1;}
  40% {border-radius : 0px; opacity : 0;}
  60% {border-radius : 50%; opacity : 0;}
  80% {border-radius : 50%; opacity : 1;}
  100% {border-radius : 50%; opacity : 0;}
}

#fb7{
   font-family:Arial,sans-serif;	
   font-size:14px;	
   -webkit-text-size-adjust:none;
   position:relative;
   overflow:hidden;
   margin:0 auto;
   display:block;
   width:100%;
   height:300px;
   opacity:0;
   margin-bottom:30px;
}

#fb7 .imgText{
	display: block;
	width: 40%;
	position: fixed;
	left:30%;
	z-index: 15;
}


/* =  Shadow for flipbook 
--------------------------*/

#fb7 .fb7-shadow {
	height:100%;
	position:absolute;
	top:0px;
	box-shadow: 0px 0px 10px 1px #999;		
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

#fb7 .fb7-shadow-double {
	width:100%;
	left:0%;
}

#fb7 .fb7-shadow-right {
	width:50%;
	left:50%;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

#fb7 .fb7-shadow-left {
	width:50%;
	left:0%;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


/* =  Gradient ( for right page )
--------------------------*/

#fb7 .turn-page.even .fb7-cont-page-book {
   
background: -moz-linear-gradient(left,  rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 7%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(7%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	
}

/* =  Gradient ( for left page )
--------------------------*/

#fb7 .turn-page.odd .fb7-cont-page-book {
	
background: -moz-linear-gradient(right,  rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 7%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(7%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Opera 11.10+ */
background: -ms-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* IE10+ */
background: linear-gradient(to left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */



}


#fb7-book .odd .gradient{
	position:absolute;
	width:100%;
	height:100%;
	z-index: 9;
	top:0;
	left: 0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 7%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(7%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

#fb7-book .even .gradient{
	position:absolute;
	width:100%;
	height:100%;
	z-index: 9;
	top:0;
	left: 0;
	background: -moz-linear-gradient(right,  rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 7%); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(7%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Opera 11.10+ */
	background: -ms-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* IE10+ */
	background: linear-gradient(to left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


}




/* corner left page /*/

#fb7 .turn-page.odd{	  
   
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
 
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
 
}



/* corner right page /*/

#fb7 .turn-page.even{	

border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
 
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;

}




#fb7.fullScreen,#fb7-ajax[data-template="true"] #fb7{
   margin-bottom:0;	
}


#fb7 #fb7-container-book {
	position: absolute;
	z-index: 5;
	width: 1310px; height: 426px;
}


#fb7 fieldset{
	
	
}


#fb7 #fb7-deeplinking{
  display:none;	
}

body{
	background:#ccc url(../images/bg.jpg) repeat;
	background-size: 7.7%;
	font-family: Arial, Helvetica, sans-serif;
}

#fb7 .leftBg{
	position: fixed;
	top:0;
	left: 0;
	width: 6%;
	z-index: 5;
}


#fb7 .fb7-bcg-book{
    background: none no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
    width:100%;
	height:100%;
}

#test{
   margin:0 auto;
   width:100%;
}

#fb7 #page.mobile {
		width: 640px; height: 358px;
		margin: -210px 0 0 -275px;
	}
	
#fb7 #page .padding { /*padding: 0 34px;*/ }



#fb7 .cursor-grab {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}


#fb7 .fb7-overlay {
	position: absolute; left: -10000px; top: 0; z-index: 20;
	background:rgba(0,0,0,0);	
	width: 100%; height: 100%;
	display:none;
}

#fb7 .fb7-overlay.active { left: 0; display:block; }


/* = Back button
-------------------------------------------------------------- */
   #fb7 #fb7-button-back{
	
	text-decoration: none;
	
	font-family:Nunito,​sans-serif;   
	   
	color:#393939;
	position:absolute;
	left:-5px;
	top:45px;
	box-shadow:0 0 2px 2px #BEBEBE;
	
	background: -webkit-linear-gradient(#FFFFFF,#EAEAEA); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF,#EAEAEA); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF,#EAEAEA); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF,#EAEAEA); /* Standard syntax */
	
	border-radius: 5px 5px 5px 5px;
	border:1px solid #B9B9B9;
	padding:5px;
	padding-left:15px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	margin-top:-45px;
  }


/* = Book
-------------------------------------------------------------- */

#fb7 #fb7-book {
	position: relative; z-index: 10;

}

#fb7 #fb7-book .turn-page {
	background-color:#FFF;
	background-size: 100% 100%;
}

#fb7 .fb7-double {
	background-size: 200% 100% !important;
}

#fb7 .fb7-double.fb7-first {
	background-position: 0% 0%;
}

#fb7 .fb7-double.fb7-second {
	background-position: -100% 0%;
}







	
	/* = Nav Arrows
	---------------------------------------- */
	
	#fb7 .fb7-nav-arrow {
		position: absolute; 
		top: 50%; 
		z-index: 15;
		width: 62px; 
		height: 62px;
		margin-top: -40px;
		cursor:pointer;
	}
		
	#fb7 .fb7-nav-arrow.next		{ right: 0px; background-position: -63px 0px; margin-left: -20px;}
/*	#fb7 .fb7-nav-arrow.next:hover	{ background-position: -174px -315px; }*/
	
	#fb7 .fb7-nav-arrow.prev			{  background-position: 0px 0px ; margin-right: -20px;}
/*	#fb7 .fb7-nav-arrow.prev:hover	{ background-position: 0px -315px; }*/
	




	/* = Cover
	---------------------------------------- */

	#fb7 #fb7-logo-cover {
		position: absolute; right: 10px; bottom: 10px; z-index: 5;
	}	

	#fb7 #fb7-cover ul {
		position:absolute;
		top:50%;
		-webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
        transform: translate(0,-50%);
		clear: both;
		width: 100%;
		list-style: none;
		padding: 20px 0;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}
	
	#fb7 #fb7-cover ul:after { clear: both; content: ''; display: block; }
	
	#fb7 #fb7-cover li {
		float: left;
		width: 28.3%;
		margin: 0 2.5%;
		list-style:none;
	}
		
	#fb7 #fb7-cover li,
	#fb7 #fb7-cover img {
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		box-shadow:none;
	}
		
	#fb7 #fb7-cover li:last-child {
		margin-right: 0;
	}

	#fb7 #fb7-cover li img {
		float: left;
		width: 100%;
	}
			
	#fb7 #fb7-cover li a:hover img {
		/*opacity: .8;/*/
	}
			


	/* = End
	---------------------------------------- */

	#fb7 #end { text-align: center; }
	
	#fb7 #end p { padding-top: 60%; }



	/* = Meta data
	---------------------------------------- */

	#fb7 #fb7-book .fb7-meta {
		position: absolute;
		bottom: 2%;
		left:94%;
		text-align: center;		
		border-radius: 50%;	
		
	}
	
	#fb7 .fb7-meta .fb7-num {
		 text-shadow: 2px 2px 6px #666666;
		 position: absolute;
		 z-index: 20;
		 width: 100%;
		 display: block;
		 text-align: center;
		
	}
	
	/*
		
	#fb7 .fb7-meta .fb7-description {
			font-size: 11px;
			color: #666;
	        font-family:Arial,sans-serif;
	}

	#fb7 .fb7-meta.fb7-left { 
			left:3%;
	}
	
	#fb7 .fb7-meta.fb7-left .fb7-num {
		    padding-right: 10px;
	}
		
	#fb7 .fb7-meta.fb7-right {
			right:3%;
			text-align: right;
	}
		
	#fb7 .fb7-meta.fb7-right .fb7-num {
				padding-left: 10px;
	}
	/*/		
			
			
			
	/*= Video in lightbox
	----------------------------*/

/* 	#v7_lightbox {
	width:100%;
	height:100%;
	z-index:555789;
	position:fixed;	
	display:block;	
	top:0px;
}

#v7_lightbox .bcg{
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.7;	
	position:absolute;	
	cursor:pointer;
} */
    
	
	/* --------------------------*/
	
	.fb7-cont-page-book{
		position:absolute;	
		width: 100%;
		height: 100%;	
	}
	
	#fb7 .fb7-page-book {
		
		position:absolute;
	    -webkit-hyphens:none;
        -moz-hyphens:none;
        -ms-hyphens:none;
        hyphens:none;	
		overflow:hidden;
	}
	
	
	#fb7 .fb7-page-book .center {
		/*text-align:center;
		padding-top:65%;/*/
	}
	
	#fb7 .fb7-page-book img {
		border:none;
		padding:0;
	}
	
	#fb7 .fb7-page-book p {
		margin-bottom:20px;
		line-height:1.5;
		
	}
	
	#fb7 .fb7-page-book p strong {
		font-weight:bold;
		-webkit-text-size-adjust:none;
	}
			
	
	#fb7 .fb7-page-book a {
		text-decoration:underline;
		color:#64C8D3;
		/*font-weight:bold;/*/
	}
	
	#fb7 .fb7-page-book p a:hover {
		text-decoration:none;
	}
	
	#fb7 .fb7-page-book h1,
	#fb7 .fb7-page-book h2,
	#fb7 .fb7-page-book h3,
	#fb7 .fb7-page-book h4,
	#fb7 .fb7-page-book h5,
	#fb7 .fb7-page-book h6 {
	   font-family:Arial,sans-serif;
	   text-transform:none;
	   margin-bottom:2%;
	   
	    
	   
	}	
	
	#fb7 .fb7-page-book ul {
	    list-style: disc inside;
		margin-bottom:3% !important;
		
	}
	
	#fb7 .fb7-page-book ul li {
	   margin-bottom:2px;
	   list-style: disc inside;
	}
	
	#fb7 .fb7-page-book ol{		 
		margin-bottom:3% !important;	
	}
	
	#fb7 .fb7-page-book ol li {
	    list-style: decimal inside;
		margin:0;
	}
	
	
	#fb7 .fb7-page-book ul li a, #fb7 .fb7-page-book ol li a {
	   color:#77797F;
	   font-weight:normal;	
	   text-decoration:none;
	}
	
	#fb7 .fb7-page-book ul li a:hover, #fb7 .fb7-page-book ol li a:hover {
	   text-decoration:underline;
	}
	
	#fb7 .fb7-page-book a:hover img {
       opacity:0.8;	   	  
	}
	
	
	/* =WordPress Core
-------------------------------------------------------------- */
#fb7 .fb7-page-book .alignnone,.#fb7-about .alignnone {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book.aligncenter,.fb7-page-book div.aligncenter,#fb7-about.aligncenter,#fb7-about div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb7 .fb7-page-book .alignright,#fb7-about .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

#fb7 .fb7-page-book .alignleft,#fb7-about .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .aligncenter,#fb7-about .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb7 .fb7-page-book a img.alignright,#fb7-about a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#fb7 #fb7 .fb7-page-book a img.alignnone,#fb7-about a img.alignnone {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book a img.alignleft,#fb7-about a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book a img.aligncenter,#fb7-about a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#fb7 .fb7-page-book .wp-caption,#fb7-about .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

#fb7 .fb7-page-book .wp-caption.alignnone,#fb7-about .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .wp-caption.alignleft,#fb7-about .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

#fb7 .fb7-page-book .wp-caption.alignright,#fb7-about .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.fb7-page-book .wp-caption img,#fb7-about .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

#fb7 .fb7-page-book .wp-caption p.wp-caption-text,#fb7-about .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}





/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) { 
      /*
    .fb7-nav-arrow.next{
		transform-origin:0 center;
		-ms-transform-origin:0 center;
		-webkit-transform-origin:0 center;		 
    }
	
	 .fb7-nav-arrow.prev{
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;		 
    }

	.fb7-nav-arrow{
		transform:scale(2);
		ms-transform:scale(2);
		-webkit-transform:scale(2);
	}
	/*/
}



 /* all icons for flipbook */
		#fb7 .fb7-nav-arrow {
		   background:url(../images/flipicons.png) no-repeat;
	    }

		
		
		
		/* tools bar*/
		#fb7 #fb7-footer .fb7-bcg-tools { 		 		 
		  background: -webkit-linear-gradient(#FFFFFF,#EAEAEA); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(#FFFFFF,#EAEAEA); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(#FFFFFF,#EAEAEA); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(#FFFFFF,#EAEAEA); /* Standard syntax */		  
		  border-radius:10px;
		  border-bottom: 1px solid #FFFFFF;
          box-shadow: 0 4px 0 #878787;		 		  
		  opacity:0
		}

		
		/* logo /*/
		#fb7 #fb7-footer #fb7-logo {
			left: 12px;
			top: -5px;
		}
				
		

		
		
		
		
		/* book /*/
		
		#fb7 .fb7-shadow {
						box-shadow: 0 0 10px 1px #666666;
			        }
		
		/* corner left page /*/
		#fb7 .turn-page.odd{
			border-top-left-radius:  0px;
			border-bottom-left-radius:  0px; 
		}
		
		/* corner right page /*/		
		#fb7 .turn-page.even{			
			border-top-right-radius:  0px;
			border-bottom-right-radius:  0px;
        }
		
		#fb7 .fb7-shadow {			
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}
		#fb7-book img{
			width: 100%;
			border:none;
		}
		#fb7 .turn-page.fb7-noshadow .fb7-cont-page-book {  
	       background:none;
		}

			
		#fb7 #fb7-book .turn-page {
	       background-color:#FFFFFF;
        }
		
/* 		#fb7 #fb7-book .fb7-meta {
   background-position:-139px -9px;
   	  
   	  
   
   background: -webkit-radial-gradient(#D0D0D0,#A8A8A8); Safari 5.1 to 6.0
   background: -o-radial-gradient(#D0D0D0,#A8A8A8); For Opera 11.6 to 12.0
   background: -moz-radial-gradient(#D0D0D0,#A8A8A8); For Firefox 3.6 to 15
   background: radial-gradient(#D0D0D0,#A8A8A8); Standard syntax 

           
           box-shadow:inset 0 0 4px 8px #ADADAD;
  
   
} */

		#fb7 #fb7-book .even .fb7-meta{
			left:2%;
		}

		#fb7 #fb7-book .odd .fb7-meta{
			left:93%;
		}
		
		#fb7 .fb7-meta .fb7-num {
		   /* text /*/
		   color:#FFFFFF;
		   text-shadow: 2px 2px 6px #666666;
			 
	    }
		
		
		
		/* list thumbs /*/
		#fb7 #fb7-all-pages .fb7-container-pages {
		    background: none repeat scroll 0 0 #000000;
						box-shadow: 0 0 40px rgba(245,220, 11, 0.8);
		}
		
		/* form /*/
		#fb7 #fb7-contact form {
   			 background: none repeat scroll 0 0 #161616;
			 			 box-shadow: 0 0 60px rgba(100,200,211, 0.7);
		}
		#fb7 #fb7-contact form h3 {
		    color: #FFFFFF;
		}
		#fb7 #fb7-contact button {
			    background: none repeat scroll 0 0 #64C8D3;
				color: #FFFFFF;
		}
		#fb7 #fb7-contact form input, #fb7-contact form textarea {
           color: #737373;
		}
		#fb7 #fb7-contact .fb7-close {
		  color: #000000;	
          background: none repeat scroll 0 0 #64C8D3;
		}
		
		#fb7 #fb7-contact .fb7-thanks p{
		  color:#444444			
		}
		#fb7 #fb7-contact .fb7-thanks h1{
		  color:#FFFFFF			
		}
		
		
		
		/* preloader /*/
		#fb7 .fb7-preloader .wBall .wInnerBall{
            background:#F5DC0B;
		}
	
		
		/* arrow gif /*/

#fb7 .popup{
	position: fixed;
	left:40%;
	top:40%;
	z-index: 1000;
	width: 20%;
	height: 80px;
	background-color: #f4ebe2;
	font-family: microsoft yahei;
	font-size: 18px;
	line-height: 80px;
	text-align: center;
	display: none;
	border: 1px solid black;
	border-radius: 10px;
}

#fb7 .container-mask{
	width:100%; 
	height:100%; 
	position:fixed; 
	left:0; 
	top:0; 
	z-index:100; 
	background:#000; 
	opacity:0.5;filter:alpha(opacity=50); 
	display:none;
}	


/*setting*/

#fb7  #setting{
	width: 0;
	height: 35%;
	padding: 10px;
	background-color: #f6f5f2;
	border-radius: 2%;
	border:2px solid #bfb29d;
	position: fixed;
	left:8%;
	top:15%;
	z-index: 15;
	overflow-y:scroll;
	overflow-x: none;
	scrollbar-track-color:#3c3c3c;
	scrollbar-base-color:#6b6b6b;
	scrollbar-arrow-color:#6b6b6b;
	font-family: microsoft yahei;
	color: #6b6b6b;	
	display: none;	
}	

#fb7 #setting h2{
	font-size: 18px;
	font-weight: bold;
} 		

#fb7 #setting h3{
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}

.music{
	width: 0;
	position: absolute;
	top:26%;
	left: 8%;
	background-color: #f6f5f2;
	z-index: 1000;
	display: none;
}

#fb7 #setting span{
	display: block;
}

#fb7 #setting .iconsSet{
	width: 100%;
	margin: 15px 0;		
}

#fb7 #setting .iconsSet span{
	margin: 10px 0;
	font-size: 12px;
}
#fb7 #setting .iconsSet b{
	cursor: pointer;
}

.close{
	position: absolute;
	width: 5%;
	top:2%;
	right: 2%;
	z-index: 16;
	cursor: pointer;
}

#fb7 #about{
	width: 0;
	height: 20%;
	padding: 10px;
	background-color: #f6f5f2;
	border-radius: 2%;
	border:2px solid #bfb29d;
	position: fixed;
	left:8%;
	top:26%;
	z-index: 15;
	overflow-y:scroll;
	overflow-x: none;
	scrollbar-track-color:#3c3c3c;
	scrollbar-base-color:#6b6b6b;
	scrollbar-arrow-color:#6b6b6b;
	font-family: microsoft yahei;
	color: #6b6b6b;	
	font-size: 12px;
	display: none;
}
#fb7 #about h2{
	font-size: 18px;
	font-weight: bold;
}


#fb7 #fb7-book .loader{
	background:url(../images/loader.gif) no-repeat;
	width:4%;
	height:5%;
	position:absolute;
	top:48%;
	left:48%;	
	z-index: 10;
}