body{
	margin:50px 0 30px 0;
}
#logoprint{
	display: none;
}
a.banklien:hover,
.texte a:hover{
text-decoration: underline !important;
}

hr{
	border:0;
	margin:2px 0 10px 0;height: 1px;
	width:72px;
	text-align: left;
}
.titre{font-size:14px;line-height:140%;font-weight:bold;}
.soustitre,
.auteur,
.description,
.region,
.provenance,
.texte
{
	font-size:12px;
	line-height:1.41em;
}
	.credits{
	font-size:11px;
	line-height:1.41em;
}

a:focus {
    outline: none;
}
img{border:none;}
div{font-family:Arial, Helvetica, sans-serif;}
.container {
width:100% ;
}
#container table{
	border-collapse:collapse;
	margin:0 auto;
}
.image{
width:100% ;
text-align:center;
margin-top:20px;margin-bottom:20px;
}
.gauche {
float:left ;
width:10% ;
margin:0; padding:0;
text-align:right;
}
.logo{
	margin-right:30px;margin-top:4px;
	background:url(none) no-repeat  -71px 0;
	width:47px;
	height:17px;
	display:inline-block;
}
#texteFiche{
	margin-top:31px;padding-bottom:60px;
}
.centre {
float:left;
width:80%;
margin:0; padding:0;
}
.droite {
float:right ;
width:10% ;
margin:0; padding:0;
}

.space{margin-top:20px;width:1px;}

#liens{
	margin-bottom:10px;line-height:15px;
}
#apercu{
	margin-bottom:10px;line-height:15px;
}
.listeLiens{
	margin-top: 1px;
	margin-right: 0;
	margin-left: -14px;
	font-weight: bold;
	font-size:13px;
}
/*images associees*/
#legendes{
	display:none;
}
#containerAssociees{
	width:792px;margin:10px auto;position:relative;
}
#containerAssocieesNoZoom{
	margin:10px auto;position:relative;
}
#imagesAssociees{
	float:right;position:relative;
}
.divim{
	width:66px;
	height:66px;
	text-align: center;
   line-height:64px;
   float:left;
   margin:2px; 
}
.divim img{
    	vertical-align: middle;
	}
.divim:last-child{
	margin-right:0;
}

#containerLegende{
	width:792px;margin:2px auto;
}
#legende{
	font-size: 11px;
	float:right;
}
/* base d'images */
.commander{
	float:left;
	width:80%;
	margin-right: 0;
	margin-left: -14px;
	font-weight: bold;
	font-size:13px;
}
.commandertxt{
font-size:11px;
}
a.banklien
{
text-decoration: none;
}
/* partager */
#partager{
	/*display: none;*/
	margin-bottom:8px;
}
#partager #intitule{
	margin-left: -14px;
	margin-right:10px;
	font-weight: bold;
	font-size:13px;
	float:left;
}
#lienhd{
	/*display: none;*/
	margin-bottom:8px;
}
#lienhd .listeliens{
	margin-left: -14px;
	margin-right:10px;
	font-weight: bold;
	font-size:13px;
	float:left;
}

#mininav{margin-left:7px;width:24px;position:relative;}
#mininav div{
	position:relative;text-align:center;
}
#mininav div img{
	top:8px;position:relative;
}

#mininav div #son,
#mininav div #son div
{border-top: none;}

#container{
	width:794px;margin:0 auto;position:relative;
}
#navContainer{
	float:right;height:580px;width:32px;position:relative;
}
#navNoZoomContainer{
	float:right;height:580px;width:32px;position:relative;
}
.navTop
{
	position:absolute;top:0;width:32px;
}
.navBottom
{
	position:absolute;bottom:0
}

/*ZOOMIFY*/
#zoomifyContainer{
	width:760px;height:580px;;position:relative;
}
#zoomifyToolbar{
	left:0;
	bottom:0;
	width:25px;
}
#zoomifyNavigator{
	position:absolute;
}
#NavigatorDisplay{
 	border-left:none !important;
	border-right:none !important;
	position:absolute !important;
	right: 0 ;
	bottom:0 !important;
}

#zoomifyContainerButton{
	margin-left:5px;width:29px;
}
#zoomifyControlerFS{
	display: none;
}

#zoomifyControler
{
	z-index: 999999999999;
	position:absolute;
	top:0;
	right:0;
	line-height:1px;
	width:38px;
	height: 100%;
}
#zoomifyControler .navBottom{
	height:128px;
	border-top:none;
	margin-left:7px;
}
#zoomifyControlerS #buttonZoomOut
{
	height:25px;
	width:37px;
	background:url(none) no-repeat  10px -289px;
	margin:0 5px 0 0;
	display:block;
}
#zoomifyControlerS #buttonZoomOut:hover
{
	background:url(none) no-repeat  -22px -289px;
}
#zoomifyControlerS #buttonZoomIn
{
	height:25px;
	width:37px;
	background:url(none) no-repeat  10px -245px;
	margin:0 5px 0 0;
	display:block;
}
#zoomifyControlerS #buttonZoomIn:hover
{
	background:url(none) no-repeat  -22px -245px;
}
#zoomifyControlerS #buttonReset
{
	height:25px;
	width:37px;
	background:url(none) no-repeat  10px -331px;
	margin:0 5px 0 0;
	display:block;
}
#zoomifyControlerS #buttonReset:hover
{
	background:url(none) no-repeat -22px -331px;
}
#buttonFPCancelBt{
	background:url(none) no-repeat 0 0;
}
#buttonFPCancelBt:hover{
	background:url(none) no-repeat -32px 0 !important;
}
#buttonZoomOut{
	background:url(none) no-repeat  0 -281px;
	width:25px;
	height:43px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonZoomOut:hover{
	background:url(none) no-repeat -32px -281px;
}
#buttonZoomIn{
	background:url(none) no-repeat 0 -237px;
	width:25px;
	height:43px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonZoomIn:hover{
	background:url(none) no-repeat -32px -237px;
}
#buttonReset{
	background:url(none) no-repeat 0 -325px;
	width:25px;
	height:39px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonReset:hover{
	background:url(none) no-repeat -32px -325px;
}
#buttonFS{
	background:url(none) no-repeat 0 -198px;
	width:25px;
	height:38px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonFS:hover{
	background:url(none) no-repeat -32px -198px;
}
#buttonFPCancel{
	border:none !important;
	width:25px !important;
	height:41px !important;
	margin:0 !important;
	padding:0 !important;
	right:6px !important;
	top:7px !important;
	cursor:pointer;
	position:absolute;
	z-index: 999999999999;
	display:none;
}
#buttonFPCancelBg{
	width:100%;
	height:100%;
	opacity:.75;
	moz-opacity:.75;
	filter:alpha(opacity=75)
}
#buttonFPCancelBt{
	width:25px !important;
	height:41px !important;
	position:absolute;
	top:0;
}
#buttonFermer{
	margin-left:7px;
	background:url(none) no-repeat 0 0;
	width:25px;
	height:41px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonFermer:hover{
	background:url(none) no-repeat -32px 0;
}
#buttonExplo{
	background:url(none) no-repeat 0 -41px;
	width:25px;
	height:39px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonExplo:hover{
	background:url(none) no-repeat -32px -41px;
}
#buttonAlbum{
	background:url(none) no-repeat 0 -81px;
	width:25px;
	height:39px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonAlbum:hover{
	background:url(none) no-repeat -32px -81px;
}
#buttonLivre{
	background:url(none) no-repeat 0 -121px;
	width:25px;
	height:39px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
#buttonLivre:hover{
	background:url(none) no-repeat -32px -121px;
}
#buttonSon{
	background:url(none) no-repeat 0 -41px;
	width:25px;
	height:36px;
	cursor:pointer;
	-webkit-tap-highlight-color: transparent;
}
div.jp-audio,
div.jp-video {
background: none;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height:37px;
	background: none;
}
a.jp-play,
a.jp-pause {
	width:25px;
	height:37px;
	overflow: hidden;
}

a.jp-play {
	background:url(none) no-repeat 0 -161px;
}
a.jp-play:hover {
	background:url(none) no-repeat -32px -161px;
}
a.jp-pause {
	background:url(none) no-repeat -62px -161px;
	display: none;
}
a.jp-pause:hover {
	background:url(none) no-repeat -94px -161px;
}
.cleaner {
clear:both;
height:0px;
font-size:1px;
border:none;
background:transparent;
width:1px;}

.clear {
clear:both;
height:0px;
font-size:1px;
border:none;
background:transparent;
width:1px;}
sup {
	height: 0;
	line-height: 1;
	vertical-align: top;
	position: relative;
	font-size:.8em;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#container{
		width:736px;
	}
	#zoomifyContainer{
		width:700px;
		height:534px;
	}
	#navContainer{
	height:534px;width:32px;position:relative;
}
	#containerAssociees{
	width:736px;
	margin:10px auto;
	}
	.titre{font-size:18px;}
	.soustitre{font-size:16px;}
	.auteur{font-size:16px;}
	.description{font-size:16px;}
	.region{font-size:16px;}
	.provenance{font-size:16px;}
	.credits{font-size:12px;}
	.texte{font-size:16px;}
	.commander{
		margin-left:0;
		font-size:16px;
	}
	#partager #intitule{
		margin-left:0;
		font-size:16px;
	}
	.listeLiens{
		margin-left:0;
		font-size:16px;
	}
	.listeLiens a{
		display:block;
	}
	.commandertxt{
	font-size:12px;
	}
	#texteFiche{
		margin-top:60px;
		padding:0 5px;
	}
	#buttonZoomOut:hover{
	background:url(none) no-repeat 0 -281px;
	}
	#buttonZoomIn:hover{
	background:url(none) no-repeat -0 -237px;
	}
	#buttonReset:hover{
	background:url(none) no-repeat 0 -325px;
	}
	#buttonFS:hover{
	background:url(none) no-repeat 0 -198px;
	}
	#buttonFermer:hover{
	background:url(none) no-repeat 0 0;
	}
	#buttonExplo:hover{
		background:url(none) no-repeat 0 -41px;
	}
	#buttonAlbum:hover{
		background:url(none) no-repeat 0 -81px;
	}
	#buttonLivre:hover{
	background:url(none) no-repeat 0 -121px;
	}
	#zoomifyControler #buttonZoomOut:hover
	{
		background:url(none) no-repeat  10px -289px;
	}
	#zoomifyControler #buttonZoomIn:hover
	{
		background:url(none) no-repeat  10px -245px;
	}
	#zoomifyControler #buttonReset:hover
	{
		background:url(none) no-repeat 10px -331px;
	}
	#buttonFPCancelBt:hover{
		background:url(none) no-repeat 0 0 !important;
	}
}
