body{
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
	height:100%;
	color:#666;
	
}
#bureau{
	background-color: #CCC;
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;	
	display:none;
}
.flipbook-viewport{
	width: 960px;
	height: 600px;
	margin: 100px auto;
}
a{
	color: #666;
	text-decoration: none;	
}
.lien{
cursor:pointer;	
}
.container{
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -ms-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
	
}

.animated{
	-webkit-transition:margin-left 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out;
}

.lecahier{
	margin-top:20px;
	width:940px;
	height:600px;

}
#dupli{
	height: 600px;
	width: 940px;
	position: absolute;
	display: none;
	z-index:600;
	/*overflow:hidden;*/
}

.lecahier .next-button,
.lecahier .previous-button{
	width:22px;
	height:600px;
	position:absolute;
	top:0px;
}

.next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	background-image:url(../pics/arrows.png);
	background-position:-38px center;
	background-repeat:no-repeat;
	background-color:rgba(0,0,0, 0.2);
}

.previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
		background-image:url(../pics/arrows.png);
	background-position:-4px center;
	background-repeat:no-repeat;
	background-color:rgba(0,0,0, 0.2);
}

.previous-button-hover,
.next-button-hover{
	background-color:rgba(0,0,0, 0.4);
}

.previous-button-hover,
.previous-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-4px center;
	background-repeat:no-repeat;
}

.previous-button-down,
.next-button-down{
	background-color:rgba(0,0,0, 0.6);
}

.next-button-hover,
.next-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-38px center;
	background-repeat:no-repeat;
}

.next-button,
.previous-button{

}
.lecahier .doppio{
position:absolute;
top:0px;
left:0px;	
	width:471px;
	height:600px;
}

.lecahier .page{
	width:470px;
	height:600px;
	background-color:white;

	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);

	
}

.lecahier .double{
	width:940px;
	height:600px;
	background-size:100% 100%;
}

.lecahier .couverture{
	background-color:#EEE;
}

.even{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../pics/right-border.png);
	background-position:right top;
	background-repeat: repeat-y;
}

.odd {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../pics/left-border.png);
	background-position:left top;
	background-repeat: repeat-y;
}
.odd .doppio{
	left: -100%;	
}

.lecahier .page-wrapper{
	-webkit-perspective:2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
}


.lecahier .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.lecahier .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.lecahier .tabs{
	width:940px;
	height:22px;
	top:-22px;
	position:relative;
	z-index:1;
}

.lecahier .tabs > div{
	width:460px;
	height:22px;
	float:left;
}

.lecahier .tabs .left{
	text-align:left;
	margin-left:10px;
	
}


.lecahier .tabs .right{
	text-align:right;
	margin-right:10px;
}

.lecahier .tabs a{
	color:black;
	-webkit-border-image: url(../pics/tab-off.png) 5 20 5 20 repeat stretch;
	border-width: 5px 20px 5px 20px;
	display:inline-block;
	font:bold 11px arial;
	text-shadow:1px 1px 0 #ddd;
	color:#333;
	line-height:12px;
	text-decoration:none;
}

.lecahier .tabs .on,
.lecahier .tabs .on:hover{
	-webkit-border-image: url(../pics/tab-on.png) 5 20 5 20 repeat stretch;
	cursor:default;
}

.lecahier .tabs a:hover{
	color:black;
	text-decoration: none;
	cursor:pointer;
	-webkit-border-image: url(../pics/tab-hover.png) 5 20 5 20 repeat stretch;

}
.turnjs-slider{
	width:600px;
	height:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	margin:20px auto;
}

.turnjs-slider .thumbnail{
	width:115px;
	height:85px;
	position:absolute;
	background:rgba(0,0,0, 0.5);
	z-index:10000;
	top:-100px;
	left:-17px;
	display:none;
	/* overflow:hidden; */

/*	-webkit-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-webkit-transition:all 0.2s;
	-webkit-border-radius:5px;

	-moz-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-moz-transition:all 0.2s;
	-moz-border-radius:5px;

	-o-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-o-transition:all 0.2s;
	-o-border-radius:5px;

	-ms-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-ms-transition:all 0.2s;
	-ms-border-radius:5px;

	transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	transition:all 0.2s;
	*/
	border-radius:5px;
}

.no-transition{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

.turnjs-slider .thumbnail div{
	width:100px;
 margin:7px;
	height:70px;

}

.turnjs-slider .ui-state-hover .thumbnail{
	display:block;
	opacity:0;
}
.minidd{
	position: absolute;
	left: 0px;
	top: 0px;	
}
.minid{
	display:block;
   position: absolute;
overflow:hidden;
	top: 0px;
	background-color:transparent;
left :0px;
	 overflow:hidden; 


}
.minig{
	display:block;
	position: absolute;
	left: 0px;

	top: 0px;	
	background-color:transparent;
	 overflow:hidden;

}
.mini2{
	display:block;
	position: absolute;
	height: 70px;
	width: 100px;
	left: 5px;
	top: 5px;	
		/* overflow:hidden; */
	background-color:transparent;
	  text-shadow: 0px 0px 3px  white;
}
.mini1{
	display:block;
	position: absolute;
	height: 70px;
	width: 50px;
	left: 5px;
	top: 5px;	
		/* overflow:hidden; */
	background-color:transparent;
	  text-shadow: 0px 0px 3px  white;
}

.unthumb{
	display:block;
	position: absolute;
	left: 0px;
	top: 0px;	
	background-color:white;	
	transform-origin: top left;
	overflow:hidden;

}
.turnjs-slider .ui-state-active .thumbnail{
	display:block;
	opacity:1;
	/*
	-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
	*/
}

/* Layout helpers
----------------------------------*/

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.turnjs-slider .ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.turnjs-slider .ui-slider {
	position: relative;
	text-align: left;
}

.turnjs-slider .ui-slider-handle{
	position: absolute;
	z-index:0;
	width:80px;
	height: 8px;
	cursor: default;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.turnjs-slider .ui-slider-horizontal {
	height: 8px;
	width:520px;
	margin-left:39px;
}

.turnjs-slider .ui-slider-horizontal .ui-slider-handle {
	margin-left:-40px;
	margin-top:4px;
}

/* Interaction states
----------------------------------*/
.turnjs-slider .ui-slider-handle{
	border:1px solid white;
	background-color:black;
	opacity:1;
	display:block;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
}

.turnjs-slider .ui-state-hover{
	opacity:0.8;
}

.turnjs-slider .ui-state-active{
	opacity:1;
}

.turnjs-slider .ui-widget-content {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	width:100%
}
.miniature{
transform: scale(0.10,0.10);	
}
.son{
overflow:hidden;	
}
.video{
overflow:hidden;	
}
.itemliste{
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3) inset;
	text-align:center;
	font-size:large;
	
}
.note{
	font-size: x-large;
	font-weight: bold;
	text-align: center;	
}
.element{
	overflow:hidden;
}
.lignepub {
    cursor: pointer;
    font-size: 12px;
}
.lignepub:hover {
    background-color: #666;
	color:#FFF;
}
#menuh{
	background-color: #999;
	background-image: url(../img/ferme.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	height: 50px;
	width: 250px;
	margin-left: -110px;
	position: absolute;
	left: 50%;
	top: -30px;
	border-radius: 0px 0px 20px 20px / 0px 0px 20px 20px;
	z-index:10000;
}
#menuh:hover{
	top:0px;
}
.bouton {
    background-color: #666;
    border-color: #fff #333 #333 #fff;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
#info{
	z-index:20000;
	background-image: url(../img/overlay.png);
	background-repeat: repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#apropos{
	background-color: #FFF;
	position: absolute;
	width:620px;
	height:510px;
	text-align: center;
	margin-top: -255px;
	margin-left: -310px;
	left: 50%;
	top: 50%;
}
.sonla{
	display: none;
}
.autola{
	display: none;
}
#download {
    position: absolute;
    visibility: hidden;
    height: 1px;
    width: 1px;
    left: -10px;
    top: -10px;
}
.tweetter{
	height: 20px;
	width: 55px;

}
.masque{
	background-image: url(../img/vide.png);
	background-repeat: repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
.boutonvideo{
	background-image: url(../img/play.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 128px;
	width: 128px;
	margin-top: -64px;
	margin-left: -64px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.selection{
	 box-shadow: 1px 1px 10px 10px #F00;	
}