/* Incompatible */
.no-csstransforms #device{
	display:none;
}
.csstransforms #message{
	display:none;
}

/* Disable print div*/
#printpages{
	display:none;
}

/* Global settings */
a,input[type=text],input[type=password],input[type=file],textarea{outline:none;-webkit-appearance:none;}
a{text-decoration:none;color:inherit;}
img{border:0;}
*{
	padding:0;
	margin:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-ms-touch-action:double-tap-zoom pinch-zoom; 
	-ms-scroll-chaining:chained;
}

.pan,.pan *{
	-ms-touch-action:auto;
}


html{
	user-select:text;
	-moz-user-select:text;
	-webkit-user-select:text;
	-o-user-select:text;
	-ms-user-select:text;

}


body,input{
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

body.loading *{
	cursor:progress !important;
}

body{
	overflow-y: hidden;
	overflow-x: hidden;
}

body.view{
	overflow-y: auto;
}

#main{
	position:absolute;
	display:none;
	overflow:hidden;
}

/* Orientation */
.portrait .shade, .portrait .page.right{display:none;}

/* Desktop devices */

.desktop #links{
	cursor:url(../images/cur-zoom-in.png), -moz-zoom-in;
}
.desktop.zoomed #links{
	cursor:url(../images/cur-zoom-out.png), -moz-zoom-out;
}

#links .link{
	cursor:auto;
}

/* Coquillette */
#coquillette{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1000;
}

/* Pages */
.background,.texts{
	position:absolute;
	top:0px;
	left:0px;
	overflow: visible;
}	

.background{
	background-repeat:no-repeat;
}

.background img{
	width:100%;
	height:100%;
}

.texts{
}

.texts img,.texts object{
	position:absolute;
	top:0px;
	left:0px;
}

/* Espaces forcés */

.page{
	overflow: hidden;
	position:absolute;
	top:0px;
	background-color:#fff;
}

.page .shade{
	position:absolute;
	top:0px;
}


.page.right .shade{
	left:0px;
}

.page.left .shade{
	right:0px;
}

.background,.texts, .l, .g, .s{
	position:absolute;
	top:0px;
	left:0px;
}
.texts .g {
    line-height: 1;
}

.g,.gs,.l{
	white-space: nowrap;
}
.texts .gs{
	display:inline-block;
}

.o{
	font-style: oblique;
}


.doublePage,#shadow,#pages{
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#pages{
	position:absolute;
	top:0px;
	left:0px;

}

/* Nav */
#nav #locales{
	display: inline-block;
	width:22px;
	height:17px;
	border-radius: 3px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin:11px 2px 10px 22px;
}

.localesList li a{
	background-repeat: no-repeat;
	background-position: 20px 50%;
	padding:10px 20px 10px 50px !important;
}

/* Fluidbook */
#fluidbook{
	position:absolute;
	z-index: 9;
}

#cache{
	display:none;
}

#pagesnumbers{
	font-size:12px;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	margin:5px 0 0 0;
}

#pagesnumbers div{
	text-align: center;
	display:inline-block;
}

.portrait #pagesnumbers .right{
	display:none;
}

/* Interface */
#interface{
	position:static;
}

#next,#previous{
	background:#f00;
	width: 40px;
	height:100px;
	position:absolute;
	top:310px;
	display:block;
	opacity:1;
	z-index:21;

	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
}

#next.hidden.help,#previous.hidden.help{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none;
	opacity:1;

}

#next.hidden,#previous.hidden{
	opacity:0;
	cursor:default;
}

#next{
	right:0px;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
}

#previous{
	left:0px;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
}

/* Header */
header{position:relative;z-index:10;}
#nav>a{
	margin:20px 20px 0 20px;
	vertical-align: top;
}
#nav>a>img{
	padding: 10px 2px 0px 2px;
	vertical-align: top;
}

#nav{
	float:left;
	position:relative;
	z-index:2;
	white-space: nowrap;
}

#afterSearch{
	display:inline-block;
	position:relative;
	vertical-align: top;
	left:30px;
}

#afterSearch .c{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 9;
	display: block;
}

#afterSearch .links{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

#search{
	position:relative;
	display:inline-block;
	margin:8px 0 0 30px;
	z-index: 2;
	vertical-align: top;
}
#search img{
	vertical-align: middle;
}
#search input{
	padding:5px;
	border-radius:5px;
	border: 0;
	height:12px;
	width:150px;

}

.hint{
	padding:5px;
	height:12px;
	width:130px;
	margin:2px;
	background-color:#fff;
	color:#000;
	display:block;
	font-size:12px;
}
.hint:hover{
	background-color:#000;
	color:#fff;
}

#searchHints{
	background:#fff;
	border-radius:5px;
	width:150px;
	padding:5px;
	display:none;
}

#logo{
	position:absolute;
	top:0px;
	right:0px;
	background-repeat: no-repeat;
}
.portrait #logo{
	display:none;
}

/* Credits */
footer{
	font-family: Silkscreen,Arial,Helvetica,sans-serif;
	font-size:8px;
	text-transform: uppercase;
	position: absolute;
	bottom:0px;
	right:0px;
	z-index: 20;
}
footer a{
	text-decoration: none;
	margin:0 4px 4px 0;
}

/* Fluidbook zooming */

footer,header,#interface{
	transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-webkit-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
}

footer.hidden,header.hidden,#interface.hidden{
	opacity:0;
	z-index:0;
}

footer,header,#interface{

}

#fluidbook{
	transition: transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out,transform 1s ease-out;
	-webkit-transition:-webkit-transform 1s ease-out,transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out,transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out,transform 1s ease-out;
}

#fluidbook.animate{
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

/* Links */
#links{
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
	background-color: rgba(0,0,0,0.001);
}

.link{
	position: absolute;
	cursor:auto;
	z-index: 1;
}

.link.contentLink{
	z-index:0;
}

.link a{
	width:100%;
	height:100%;
	display:block;
	border-radius:5px;
	background-color:rgba(0,0,0,0.001);
}

.link a.displayArea.animating{
	transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-webkit-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
}

/* Bookmarks */



.bookmark.left{
	background-image: url("../data/images/bookmark-left-off.svg");
}

.bookmark.right{
	background-image: url("../data/images/bookmark-right-off.svg");
}

.bookmark.left[data-enabled]{
	background-image: url("../data/images/bookmark-left-on.svg");
}

.bookmark.right[data-enabled]{
	background-image: url("../data/images/bookmark-right-on.svg");
}

.no-svg .bookmark.left{
	background-image: url("../data/images/bookmark-left-off.png");
}

.no-svg .bookmark.right{
	background-image: url("../data/images/bookmark-right-off.png");
}

.no-svg .bookmark.left[data-enabled]{
	background-image: url("../data/images/bookmark-left-on.png");
}

.no-svg .bookmark.right[data-enabled]{
	background-image: url("../data/images/bookmark-right-on.png");
}

.bookmark.animating{
	transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-webkit-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
}

.bookmark{
	background-size:cover;
	position:absolute;
	top:0px;
	opacity: 0;
	display: block;
	cursor:pointer;
}

.bookmark[data-enabled],.bookmark:hover{
	opacity: 1 !important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none;
}

#indexView .bookmark{
	width:35px;
	height:35px;
}

.bookmark.left{
	left:0px;
}

.bookmark.right{
	right:0px;
}

/* View */

.mview{
	position:absolute;
	z-index:22;
	display:none;
	overflow-x: hidden;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.mview.animate{
	transition: transform 600ms ease-out;
	-moz-transition: -moz-transform 600ms ease-out,transform 600ms ease-out;
	-webkit-transition:-webkit-transform 600ms ease-out;
	-o-transition: -o-transform 600ms ease-out,transform 600ms ease-out;
	-ms-transition: -ms-transform 600ms ease-out,transform 600ms ease-out;
}

.mview .caption{
	padding:10px;
	height:30px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=");
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(top bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	border-bottom: 1px solid rgba(200,200,200,0.5);
	position:absolute;
	z-index: 1;
}

.mview .caption h2{
	font-size:30px;
	text-align: center;
	font-weight: normal;
}
	.inv-ami{
		border:0;
		color:#fff;
		height:30px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
	background: -moz-linear-gradient(top, rgba(30,30,30,0.7) 0%, rgba(128,128,128,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.7)), color-stop(100%,rgba(128,128,128,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* IE10+ */
	background: linear-gradient(top bottom, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* W3C */
	padding:5px 15px ;
	border-radius:5px;


	}
	.back_inv{
	  margin: 0 AUTO;
	height:20px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
	background: -moz-linear-gradient(top, rgba(30,30,30,0.7) 0%, rgba(128,128,128,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.7)), color-stop(100%,rgba(128,128,128,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* IE10+ */
	background: linear-gradient(top bottom, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* W3C */
	padding:5px 10px 2px 10px;
	border-radius:5px;
}
.mview .caption .back{
	float:left;
	height:20px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
	background: -moz-linear-gradient(top, rgba(30,30,30,0.7) 0%, rgba(128,128,128,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.7)), color-stop(100%,rgba(128,128,128,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* IE10+ */
	background: linear-gradient(top bottom, rgba(30,30,30,0.7) 0%,rgba(128,128,128,0.3) 100%); /* W3C */
	padding:5px 10px 2px 10px;
	border-radius:5px;
}

.mview .content{
	text-align: center;
	position:absolute;
	top:50px;
}

#indexView{
	margin:auto;
}

#indexView .doubleThumb,#indexView .padding{
	display:inline-block;
	margin:10px 10px 20px 10px;
	position:relative;
	width:290px;
	cursor:pointer;
	text-align: center;
}

#indexView .padding{
	height:1px;
}


#indexView .doubleThumb .overlay{
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	z-index:4;
}

#indexView .doubleThumb.simple .overlay{
	width:100px;
}

#indexView .doubleThumb .hits{
	position:relative;
	display:inline;
	top:30px;
	z-index:5;
	font-size:12px;
}

#indexView .doubleThumb .hits.yes{
	padding:5px;
	border-radius:5px;
}
#indexView .thumb{
	position:absolute;
	top:0px;
	left:0px;
	color:#000;
	font-size:12px;
}

#indexView .thumb img{
	background:#fff;
}

#indexView .thumb .number{
	text-align:center;
	display:block;
	font-family: Arial,Helvetica,sans-serif;
	margin: 1px 0 0 0;
}

#indexView .thumb.right{
	left:145px;
}

#indexView .doubleThumb.simple{
	width:145px;
}

#indexView .doubleThumb.simple.right{
	margin-left:145px;
}
#indexView .doubleThumb.left{
	margin-right:145px;
}


#indexView .right .thumb.right{
	left:0px;
}

/* Search */
.highlight0{
	background-color:#00ff00;
}
.highlight1{
	background-color:#ffff00;
}
.highlight2{
	background-color:#00ffff;
}
.highlight3{
	background-color:#ff00ff;
}
.highlight4{
	background-color:#ff0000;
}

/* Share */

ul.chapters.shareList a.level0 img{
	height:25px;
	margin:2px 10px 0 0;
	position:relative;
	top:3px;
}

/* Help */
#helpView{
	background-color: rgba(0,0,0,0.7);
	position:absolute;
	z-index:20;
	display:none;
	color:#ffffff;
	overflow:hidden;
}

#helpView .illustration{
	text-align:center;
	font-size:20px;
}

#helpView .illustration p{
	position:static;
}

#helpView #icons{
	position:absolute;
	top:0px;
}

#helpView .icon{
	position:absolute;
	top:0px;
	display:inline-block;
	border-left: 1px solid #ffffff;
	font-size:16px;
	text-align: left;
	width:400px;
	padding-left:5px;
}

#helpView .interface hr{
	width:30px;
	height:0px;
	border:0;
	border-top:1px solid #ffffff;
	display:inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

#helpView .interface .next,
#helpView .interface .last{
	text-align: right;
	right:40px;
	top:340px;
}

#helpView .interface .first,
#helpView .interface .previous{
	left:40px;
	top:340px;
}

#helpView .interface .first,
#helpView .interface .last{
	margin-top:43px;
}

#helpView .interface .next,
#helpView .interface .previous{
	margin-top:-5px;
}


#helpView .interface div{
	position:absolute;
}

.portrait .interface{
	display:none;
}

/* Videos */
.mview .videoContainer{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding:20px;
	width:100%;
	height:100%;
}

.mview .videoContainer video,
.mview .videoContainer object,.webvideo{
	position:static;
	width: 100%;
	height:auto;
	display: block;
}
.videoContainer{
	position:relative;
}

/* Chapters */
ul.chapters a{
	display:block;
	text-align: left;
	padding:10px 20px 10px 20px;
}

ul.chapters a.level-1{
	font-size:200%;
	font-family: Ubuntu;
	font-weight: 700;
	text-align: center;

	box-shadow: 0 7px 7px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 7px 7px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 7px 7px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 7px 7px rgba(0,0,0,0.25);
	-o-box-shadow: 0 7px 7px rgba(0,0,0,0.25);

	background-color:rgba(0,0,0,0.25);
}

ul.chapters a.level-1 .right{
	display:none;
}

ul.chapters a.level0{
	font-family: arial;
    font-size: 14px;
	font-weight: 700;

	box-shadow: 0 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 5px 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 5px 5px rgba(0,0,0,0.25);

	background-color:rgba(0,0,0,0.1);
}

ul.chapters a.level1{
	padding:10px 20px 10px 50px;
	font-size:120%;

	box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0 3px 3px rgba(0,0,0,0.25);

	background-color:rgba(0,0,0,0.05);
}

ul.chapters a.level2{
	padding:10px 20px 10px 80px;
	font-size: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

ul.chapters a.level3{
	padding:10px 20px 10px 110px;
	font-size:80%;

	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

ul.chapters, ul.chapters ul{
	list-style: none;
}

ul.chapters a .right{
	float:right;
}

ul.chapters a .right .puce{
	width:25px;
	height:25px;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;

	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	-ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	-o-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);


	background-image: url("../images/chapters-arrow.png");
	background-repeat: no-repeat;
}

ul.chapters a.level0 .right .puce{
	margin:2px 0 0 0;
}

ul.chapters a.level2 .right .puce{
	margin:-2px 0 0 0;
}

ul.chapters a>nav{
	display:none;
}

/*  Transitions */

/* 2D */
.doublePage._2d.sliding{
	transition: none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition: none;
	-ms-transition: none;
}

/* 3D */
#pages._3dtransition{
	perspective: 5000px;
	-moz-perspective:5000px;
	-webkit-perspective:5000px;
	-o-perspective:5000px;
	-ms-perspective:5000px;


	perspective-origin: 50% 75%;
	-moz-perspective-origin:50% 75%;
	-webkit-perspective-origin:50% 75%;
	-ms-perspective-origin:50% 75%;
	-o-perspective-origin:50% 75%;


	overflow: visible !important;
}

.doublePage._3d{
	overflow: visible;
	z-index:100;

	transform-style: preserve-3d;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
}

._3d .page{
	backface-visibility: hidden;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;	

	left:0px !important;
}

.doublePage._3d .right{
	transform:  rotate3d(0,1,0,0deg);
	-moz-transform:  rotateY(0deg) translate3d(0,0,0);
	-webkit-transform:  rotate3d(0,1,0,0deg);
	-o-transform:  rotate3d(0,1,0,0deg);
	-ms-transform:  rotate3d(0,1,0,0deg);
}

.doublePage._3d .left{
	transform:  rotate3d(0,1,0,180deg);
	-moz-transform:  rotateY(180deg) translate3d(0,0,0);
	-webkit-transform:  rotate3d(0,1,0,180deg);
	-o-transform:  rotate3d(0,1,0,180deg);
	-ms-transform:  rotate3d(0,1,0,180deg);
}

.doublePage._3d.nextstart{
	transform:  rotate3d(0,1,0,360deg);
	-moz-transform:  rotateY(360deg) translate3d(0,0,0);
	-webkit-transform:  rotate3d(0,1,0,360deg);
	-o-transform:  rotate3d(0,1,0,360deg);
	-ms-transform:  rotate3d(0,1,0,360deg);

	transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
}

.doublePage._3d.nextend{
	transform:  rotate3d(0,1,0,180deg);
	-moz-transform:  rotateY(180deg) translate3d(0,0,0);
	-webkit-transform:  rotate3d(0,1,0,180deg);
	-o-transform:  rotate3d(0,1,0,180deg);
	-ms-transform:  rotate3d(0,1,0,180deg);
}

.doublePage._3d.prevstart{
	transform:  rotate3d(0,1,0,180deg);
	-moz-transform:  rotateY(180deg) translate3d(0,0,0);
	-webkit-transform:  rotate3d(0,1,0,180deg);
	-o-transform:  rotate3d(0,1,0,180deg);
	-ms-transform:  rotate3d(0,1,0,180deg);

	transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
}

.doublePage._3d.prevend{
	transform:  rotate3d(0,1,0,360deg);
	-moz-transform:  rotateY(360deg) translate3d(0,0,0);
	-webkit-transform:  rotate3d(0,1,0,360deg);
	-o-transform:  rotate3d(0,1,0,360deg);
	-ms-transform:  rotate3d(0,1,0,360deg);

}

a.button{
	display:inline-block;
	padding:8px 32px 8px 16px;
	border-radius: 6px;
	font-weight: bold;
	margin:10px 0;
	background-image: url("../images/arrow-button.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}


#fontsLoader{
	position:absolute;
	bottom:0px;
	right: 0px;
	width:0;
	height:0px;
	overflow:hidden; 
}


@media all and (orientation: portrait) {  
	#ol{display:none;}
	@-ms-viewport { width: 640px; }
}  

@media all and (orientation: landscape) {  
	#op{display:none;}
	@-ms-viewport { width: 1024px; }
}  

/* Webfonts*/
@font-face {
    font-family: 'Silkscreen';
    src: url('fonts/slkscr-webfont.woff') format('woff'),
		url('fonts/slkscr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-R-webfont.woff') format('woff'),
		url('fonts/Ubuntu-R-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-RI-webfont.woff') format('woff'),
		url('fonts/Ubuntu-RI-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-B-webfont.woff') format('woff'),
		url('fonts/Ubuntu-B-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-BI-webfont.woff') format('woff'),
		url('fonts/Ubuntu-BI-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;

}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-L-webfont.woff') format('woff'),
		url('fonts/Ubuntu-L-webfont.ttf') format('truetype');
    font-weight:300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-LI-webfont.woff') format('woff'),
		url('fonts/Ubuntu-LI-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-M-webfont.woff') format('woff'),
		url('fonts/Ubuntu-M-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-MI-webfont.woff') format('woff'),
		url('fonts/Ubuntu-MI-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}



#links #l_0 , #links #l_1 , #links #l_2 , #links #l_3 , #links #l_4 , #links #l_5 , #links #l_6 , #links #l_7 , #links #l_8 , #links #l_9 , #links #l_a , #links #l_b  {
	display:none !important;
}