@import url('reset.css');
@import url('static.css');
@import url('elements.css');
@import url('preloader.css');

#fb{
   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;
}

#fb .parcours {
  position: fixed;
  top: 500px;
  left: 500px;
  margin: auto;
}

/* =  Shadow for flipbook 
--------------------------*/	
#fb .fb-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;
}

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

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

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

/* =  Gradient ( for right page )
--------------------------*/
#fb .turn-page.even .fb-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 )
--------------------------*/
#fb .turn-page.odd .fb-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 */
}

/* corner left page /*/
#fb .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 /*/

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

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

#fb #fb-container-book {
	position: absolute;
	z-index: 5;
	display: none;
	width: 1280px; 
	height: 920px;
}

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

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

#fb #page.mobile {
	width: 640px; height: 358px;
	margin: -210px 0 0 -275px;
}

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

/* Overlay pour la liste des pages */
#fb .fb-overlay {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 20;
	background:rgba(0,0,0,0.9);	
	width: 100%; 
	height: 100%;
	display:none;
}

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

/* Overlay pour les images agrandies */
 #fb .fb-img-overlay { /* Support de l'image agrandie */
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 20;
	background:rgba(0,0,0,0.9);	
	width: 100%; 
	height: 100%;
	display:none;
	text-align:center
}

#fb .fb-img-overlay.active {	
	display:block;
}

/* Overlay pour les boutons de navigation pour les galleries d'images en grande taille */
 #fb .fb-icons-overlay { /* Support des icones */
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 30; 
	height: 100%;
	width: 100%;
	display:none;
	text-align:right
}

#fb .fb-icons-overlay.active { /* Activation si clic sur une image (voir onload.js) */
	display:block;
}

#fb .alpha_icons{	/* conteneur des icones */
	background:rgba(0,0,0,0.5);
	position: absolute;
	top: 0px;
	right: 0px;
	width: 90px;
	height: 30px;
	text-align: center;
}

/* Photos agrandies */
#fb .big_photo {
	max-height:100%;
	max-width:100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* Alerte sur overlay des photos agrandies */
#fb .alert_big_photo {
	color: white;
	font-size : 2em;
	text-align: center;
	position:relative; 
	top:40%; 
	height:10em; 
	margin-top:-5em;	
}

/* = Back button
-------------------------------------------------------------- */
#fb #fb-button-back{
	position:absolute;
	left:-5px;
	top:45px;
	background-color:rgba(11,57,108,1);
		color: #E8FFFF;
	border-radius: 0px 0px 0px 0px;
	padding:5px;
	padding-left:15px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	margin-top:-45px;
  }
  
 #fb #fb-button-back:hover{
	color:#0B396C;  
	background-color:#E8FFFF
}

/* = About
-------------------------------------------------------------- */
	#fb #fb-about {
		position: absolute; z-index: 5;
		width: 45%; display: none;	
	}

	#fb #fb-about h1,
	#fb #fb-about h2,
	#fb #fb-about h3,
	#fb #fb-about h4,
	#fb #fb-about h5,
	#fb #fb-about h6 {
		margin: 0 0 2% 0;
		padding:0px;
		font-size: 1.375em;
		color: #64c8d3;
		-webkit-font-smoothing: antialiased;
		text-transform:none;
		font-weight:300;
	}	

	#fb #fb-about h1{
		padding: 0 0 0px 0px;	
	}
	
	#fb #fb-about ul,#fb-about ol {
		list-style:disc;
		margin: 0;
		padding-left:10px;
		padding-top:0%;
		padding-bottom:2%;
	}
	
	#fb #fb-about li {
		color: #cfeaee;
		margin-bottom:4px;
	}
		
	
	#fb #fb-about p {
		color: #cfeaee;
		margin-bottom:8%;
		margin-top:0%;	
	}
	
	#fb #fb-about a {
		color:#ffffff;	
		text-decoration:underline;
	}
	
	#fb #fb-about a:hover {
		text-decoration:none;
	}



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

#fb #fb-book {
	position: relative; 
	z-index: 10;
	width: 100%; 
	height:100%;
}

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

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

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

#fb .fb-double.fb-second {
	background-position: -100% 0%;
}
	
	/* = Nav Arrows
	---------------------------------------- */
	
	#fb .fb-nav-arrow.next		{ right: 0px; background-position: -174px 0px; }
	#fb .fb-nav-arrow.next:hover	{ background-position: -174px -110px; }
	
	#fb .fb-nav-arrow.prev		{ background-position: 0px 0px ; display: none; }
	#fb .fb-nav-arrow.prev:hover	{ background-position: 0px -110px; }
	
	#fb .fb-nav-arrow.next{
		transform-origin:0 center;
		-ms-transform-origin:0 center;
		-webkit-transform-origin:0 center;		 
    }
	
	#fb .fb-nav-arrow.prev{
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;		 
    }
	
	/* = Cover
	---------------------------------------- */

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

	#fb #fb-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;
	}
	
	#fb #fb-cover ul:after { clear: both; content: ''; display: block; }
	
	#fb #fb-cover li {
		float: left;
		width: 28.3%;
		margin: 0 2.5%;
		list-style:none;
	}
		
	#fb #fb-cover li,
	#fb #fb-cover img {
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		box-shadow:none;
	}
		
	#fb #fb-cover li:last-child {
		margin-right: 0;
	}

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


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

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



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

	#fb #fb-book .fb-meta {
		position: absolute;
		bottom: 2%;
		left:48%;
		width:45px;
		height:45px;
		text-align: center;		
		border-radius: 50%;	
	}    
	
	#fb .fb-meta .fb-num {
		   line-height:43px;
		   font-size:18px;
		   font-weight:bold;
		   text-shadow: 2px 2px 6px #666666;
		 
	}
	

			
			
	/*= 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;
	}
    
	
	/* --------------------------*/
	
	.fb-cont-page-book{
		position:absolute;		
	}
	
	#fb .fb-page-book {		
		position:absolute;
	    -webkit-hyphens:none;
        -moz-hyphens:none;
        -ms-hyphens:none;
        hyphens:none;	
		overflow:hidden;
	}
	
	
	#fb .fb-page-book .center {
		/*text-align:center;
		padding-top:65%;/*/
	}
	
	#fb .fb-page-book img {
		position: absolute;
		padding:0;
	}
	
	#fb .fb-page-book p {
		margin-bottom:20px;
		line-height:1.5;
		
	}
	
	#fb .fb-page-book p strong {
		font-weight:bold;
		-webkit-text-size-adjust:none;
	}
			
	
	#fb .fb-page-book a {
		text-decoration:underline;
		color:#64C8D3;
		/*font-weight:bold;/*/
	}
	
	#fb .fb-page-book p a:hover {
		text-decoration:none;
	}
	
	#fb .fb-page-book h1,
	#fb .fb-page-book h2,
	#fb .fb-page-book h3,
	#fb .fb-page-book h4,
	#fb .fb-page-book h5,
	#fb .fb-page-book h6 {
	   font-family:Arial,sans-serif;
	   text-transform:none;
	   margin-bottom:2%;	   
	}	
	
	#fb .fb-page-book ul {
	    list-style: disc inside;
		margin-bottom:3% !important;		
	}
	
	#fb .fb-page-book ul li {
	   margin-bottom:2px;
	   list-style: disc inside;
	}
	
	#fb .fb-page-book ol{		 
		margin-bottom:3% !important;	
	}
	
	#fb .fb-page-book ol li {
	    list-style: decimal inside;
		margin:0;
	}
	
	
	#fb .fb-page-book ul li a, #fb .fb-page-book ol li a {
	   color:#77797F;
	   font-weight:normal;	
	   text-decoration:none;
	}
	
	#fb .fb-page-book ul li a:hover, #fb .fb-page-book ol li a:hover {
	   text-decoration:underline;
	}
	
	#fb .fb-page-book a:hover img {
 /*      opacity:0.8;	   	  */
	}
	
	


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

 /* all icons for flipbook */
		
		#fb .fb-menu li {		
	        background-position: -39px 0px ;
		}	
	 			
		/* tooltip text color /*/
		 #fb .fb-tooltip {
			color:#000000; 
		 }
		
		/* tools bar*/
		#fb #fb-footer .fb-bcg-tools { 		 		 
			background-color: #000000;
			opacity: 0.55;
		}		

		/* logo /*/
		#fb #fb-footer #fb-logo {
			left: 12px;
			top: -5px;
		}				
		
		/*  page manager   /*/	
		#fb .fb-menu li.fb-goto input[type="text"] {
    		color: #000000;
			margin-top:4px;
		}
		
		#fb .fb-menu li.fb-goto input[type='text'].focus_input  {
	       box-shadow:0 0 7px 2px #4F9B09;
        }
				
		#fb .fb-menu li.fb-goto button {			
		  border:none;	
   		  color: #803900;			
		  background: -webkit-linear-gradient(#F6EE0D,#E7A506); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(#F6EE0D,#E7A506); /* For Opera 11.1 to 12.0 */
		  background: linear-gradient(#F6EE0D,#E7A506); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(#F6EE0D,#E7A506); /* Standard syntax */
		}
				
		/* permet l'effet 3D pour les pages "hard" */
		#fb .page-wrapper{
		   -webkit-perspective:2000px;
		   -moz-perspective: 2000px;
		   -ms-perspective: 2000px;
		   perspective: 2000px;
		}

		/* book /*/
		
		/* corner left page /*/
		#fb .turn-page.odd{
			border-top-left-radius:  0px;
			border-bottom-left-radius:  0px; 
		}
		
		/* corner right page /*/		
		#fb .turn-page.even{			
			border-top-right-radius:  0px;
			border-bottom-right-radius:  0px;
        }
		
		#fb .turn-page.fb-noshadow .fb-cont-page-book {   
	       background:none;
		}
			
		#fb #fb-book .turn-page {
	       background-color:#FFFFFF;
        }
		
		#fb #fb-book .fb-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;		   
		}
		
		#fb .fb-meta .fb-num {
		   /* text /*/
		   color:#FFFFFF;
		   text-shadow: 2px 2px 6px #666666;
	    }
				
		/* list thumbs /*/
		#fb #fb-all-pages .fb-container-pages {
		    background: none repeat scroll 0 0 #000000;
			box-shadow: 0 0 40px rgba(245,220, 11, 0.8);
		}
		
		/* form /*/
		#fb #fb-contact form {
   			 background: none repeat scroll 0 0 #161616;
			 box-shadow: 0 0 60px rgba(100,200,211, 0.7);
		}
		#fb #fb-contact form h3 {
		    color: #FFFFFF;
		}
		#fb #fb-contact button {
			    background: none repeat scroll 0 0 #64C8D3;
				color: #FFFFFF;
		}
		#fb #fb-contact form input, #fb-contact form textarea {
           color: #737373;
		}
		#fb #fb-contact .fb-close {
		  color: #000000;	
          background: none repeat scroll 0 0 #64C8D3;
		}
		
		#fb #fb-contact .fb-thanks p{
		  color:#444444			
		}
		#fb #fb-contact .fb-thanks h1{
		  color:#FFFFFF			
		}
				
		/* preloader 
		#fb .fb-preloader .wBall .wInnerBall{
            background:#F5DC0B;
		}
		*/	
		/* arrow gif /*/
		#fb .fb-nav-arrow {
   			
		}		
		
		/* format page for flipbook  /*/
		#fb .fb-page-book p {
		   color:#77797F;
		   font-family:Nunito;
		   font-size:14px;
	    }
		#fb .fb-page-book a {
		   color:#000000;
		 }
		#fb .fb-page-book h1 {
	   	   color:#2E577C;
		   font-family:Nunito;
		   font-size:28px;
	    }
		#fb .fb-page-book h2 {
	   	   color:#2E577C;
		   font-family:Nunito;
		   font-size:26px;
	    }
		#fb .fb-page-book h3 {
	   	   color:#2E577C;
		   font-family:Nunito;
		   font-size:24px;
	    }
		#fb .fb-page-book h4 {
	   	   color:#2E577C;
		   font-family:Nunito;
		   font-size:22px;
	    }
		#fb .fb-page-book h5 {
	   	   color:#2E577C;
		   font-family:Nunito;
		   font-size:20px;
	    }
		#fb .fb-page-book h6 {
	   	   color:#2E577C;
		   font-family:Nunito;
		   font-size:18px;
	    }
		#fb .fb-page-book li {
           color:#77797F;	
		   font-family:Nunito;
		   font-size:14px;		
		}
		#fb .fb-page-book ul li a,#fb .fb-page-book ol li a {
	        color:#2E577C;
		}