/* ---------------------------------------------------------------
	- - - OFFICES NUMERIQUES
		Couleurs :
 --------------------------------------------------------------- */
/* ---------------------------------------------------------------
	- - - RESET
 --------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	strong{
		font-weight: bold;
	}
	em,i{
		font-style: italic;
	}
	sub {
	  vertical-align: sub;
	  font-size: smaller;
	  line-height: normal;
	}
	
	sup {
	  vertical-align: super;
	  font-size: smaller;
	  line-height: normal;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	hr {
		background-color: transparent !important;
		background-color: white;
		border:transparent !important;
		border:white;
		color: transparent !important;
		color: white;
		clear:both;
		float:none;	
		height:1px;
		margin:0;
		padding: 0;
		width:90%;
	}
	.neant{
		color: #999;
		font-size: 1em;
	}
	.ombre{
		box-shadow: 0 5px 15px #999;
		-moz-box-shadow: 0 5px 15px #999;
		-webkit-box-shadow: 0 5px 15px #999;
		-o-box-shadow: 0 5px 15px #999;
	}	

 	nav.retour{
		position: relative;
	 	width: 680px;
	 	margin: 0 auto 10px auto;
		height: 30px;
	}
	nav.retour a{
		display: block;
		width: auto;
		height: 30px;
		text-decoration: none;
		font-size: 1em;
		color: black;
		line-height: 30px;
		padding-left: 30px;
		background: url('../img/icone_retour.png') no-repeat left center;
	}

 	/* Focus couverture */
	 .focus_couverture {
	 	position: relative;
	 	top: -24px;
	 	left: 19px;
	 	z-index:10;
	 	width: 60px;
	 	height: 105px;
	 	background: red;
	    -webkit-transform: rotate(85deg);
	    -moz-transform: rotate(85deg);
	    -o-transform: rotate(85deg);
	    -ms-transform: rotate(85deg);
	    transform: rotate(85deg);
	}	
	 .focus_couverture span{
	 	display: block;
	 	position: absolute;
	 	top: 49px;
	 	left: -27px;
		 color: white;
		 text-align: left;
	    -webkit-transform: rotate(-85deg);
	    -moz-transform: rotate(-85deg);
	    -o-transform: rotate(-85deg);
	    -ms-transform: rotate(-85deg);
	    transform: rotate(-85deg);
	 }
	
	.survol span{
		position:absolute;
		bottom:5%;left:5%;;
	}
	.picto_integral{
		display: inline-block;
		background: #7EC31B;
		border-radius: 10px;
		width: 14px; height: 14px;
		vertical-align: middle;
	}
	.rotate {
	  -webkit-transform: rotate(320deg);
	  -moz-transform: rotate(320deg);
	  -ms-transform: rotate(320deg);
	  -o-transform: rotate(320deg);
	  transform: rotate(320deg);
	}	
/* ---------------------------------------------------------------
	- - - FORMULAIRES 
 --------------------------------------------------------------- */
 	/* ZEBRA */
 	
 	.Zebra_Form{
	 	display: inline-block;
	 	vertical-align: inherit;
 	}
	.Zebra_Form .optional {
	    padding: 10px 50px;
	}
	.Zebra_Form .row {
		position: relative;
	}
	.Zebra_Form .cell {
		position: relative;
	}

	.Zebra_Form fieldset{
		border: 1px solid #CCC;
		margin-bottom: 20px;
		background: white;
		padding: 10px;
	}
	.Zebra_Form legend{
		color: #9CB1CE;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	.Zebra_Form label.error{
		display: inline-block;
		background: #CC3333;
		color: #FFFFFF;
		padding: 2px 5px;
		position: relative;
		border: 1px solid #8c2c2c;
    }

 	/* JQUERY UI */
	.ui-state-active{
		background: #99f3e6;
	}

	.Zebra_Form table tr:nth-child(even) {background-color: #F6F6F6}
	
	.Zebra_Form table tr:nth-child(odd) {background-color: #FFF}

/* ---------------------------------------------------------------
	- - - STRUCTURE DU SITE	
 --------------------------------------------------------------- */
	/* - - - Body - - - */
	body{
		margin:0;
		text-align:left;
	 	font-family: 'Playfair Display', serif;
	 	color: black;
		height: 100%;
		max-height: 100%;
		font-size: 12px;
		background-repeat: repeat-x;
		}
		
	#surbody{
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
	}

	/* - - - Content - - - */
	section.site{
		position:relative;
		width:960px;
		height:auto;
		margin: 0 auto;
		z-index: 900;
	}		

	/* - - - Page contenu - - - */
	#zone_centrale{
		position: relative;
		width: 750px;
		background-color: white;
		height: auto;
		padding-bottom: 20px;
		margin-left: 210px;
	}	

	/* - - - Zone gauche du site - - - */
	#zone_gauche{
		position: absolute;
		width: 210px;
		height: auto;
		top: 0px;
 		margin-top: 17px;
	}	

	/* - - - Zone droite du site - - - */
	#zone_droite{
		display: none;
		position: absolute;
		width: 70px;
		height: auto;
		top: 0px;
		right: 0;
		z-index: 900;
	}	
	
	.sourceview{
		z-index: 10;
		width: 100%;
		height: auto;
	}
/* ---------------------------------------------------------------
	- - - HEADER SITE
 --------------------------------------------------------------- */
	div#site_header{
		position: relative;
		width: 100%;
		height: 120px;
		z-index: 1000;
		overflow: hidden;
	}
	div#site_header h1{
		position: absolute;
		top: -5000px;
	}
	div#site_header h2{
		position: absolute;
		top: 10px; right: 10px;
	 	font-family: 'Playfair Display', serif;
	 	color: black;
		font-size: 24px;
		line-height: 50px;
		font-style: italic;
	}
	div#site_header header {
		position:relative;
		width:960px;
		height: 100%;
		margin: 0 auto;
	}

	div#site_header .logo{
		position: relative;
		height: auto;
		width: auto;
		padding-top: 10px;
	}
		
	div#site_header nav{
		position:absolute;
		width:960px;
		height: auto;
		bottom: 15px;
		left: 0px;
		/*border-top: 1px solid #333;
		border-bottom: 1px solid #333;*/
	}	
	div#site_header ul{
		display: inline-block;
		position:relative;
		width:100%;
		height: auto;
	}	
	div#site_header li{
		display: inline-block;
		position: relative;
		width: auto;
		height: auto;
		line-height: 30px;
		font-size: 13px;
		text-transform: uppercase;
		color: black;
	}

	div#site_header li a{
		display: inline-block;
		text-decoration: none;
		color: inherit;
		margin: 0 1px;
		padding: 0 2px;
	}
	div#site_header li.selected a,
	div#site_header li a:hover{
		color: #fd3309;
	}
	div#site_header li a img{
		vertical-align: text-top;
	}
	
	div#site_header li:after{
		content: "|";
	}
	div#site_header li:nth-last-child(1):after{
		content: "";
	}
	div#site_header li:first-child a{
		padding-left: 0;
		margin-left: 0;
	}

	div#info_visiteur{
		position:absolute;
		width:auto;
		height: auto;
		bottom: 0;
		left: 10px;
	}	
	div#info_visiteur p{
		width: auto;
		height: 30px;
		font-size: 1em;
		color: black;
		line-height: 30px;
	}
	div#info_visiteur a{
		text-decoration: none;
		color: red;
	}
/* ---------------------------------------------------------------
	- - - FOOTER
 --------------------------------------------------------------- */
	footer.site{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30px;
		background: #666;
		background: rgba(0, 0, 0, 0.56);
		overflow: hidden;
		z-index: 1000;
	}	

	footer.site span{
		float: left;
		padding: 0 20px;
		color: red;
		line-height: 30px;
	}
	footer.site nav{
		position: relative;
		width: 980px;
		height: auto;
		margin: 0 auto;
		z-index: 20;
	}
	
	footer.site nav ul{
		position: relative;
		width: auto;
		height: auto;
		text-align: center;
	}
	
	footer.site nav ul li{
		position: relative;
		display: inline-block;
		width: auto;
		height: auto;
		line-height: 30px;
	}
	footer.site nav ul li a{
		text-decoration: none;
		color: white;
		font-size: 1em;
	}
	footer.site nav ul li a:after{
		content: "/";
	}
	footer.site nav ul li:nth-last-child(1) a:after{
		content: "";
	}


/* ---------------------------------------------------------------
	- - - CITATION
 --------------------------------------------------------------- */
 	#partenaire{
 		position: relative;
 		width: auto;
 		height: auto;
 	}
 	#partenaire p{
 		position: relative;
		width: auto;
		height: auto;
 		line-height: 30px;
 		color: black;
 	}
 	#partenaire img{
	 	vertical-align: middle;
 	}
 	#citation{
 		position: relative;
		width: auto;
 		height: auto;
 	}
 	#citation p.intro{
	 	position: relative;
	 	color: black;
	 	font-size: 1em;
	 	line-height: 120%;
	 	font-style: italic;
	 	font-weight: 400;
 	}
 	#citation .texte{
	 	position: relative;
	 	color: black;
	 	font-size: 28px;
	 	line-height: 110%;
 	 	margin: 10px 0;
 	 	letter-spacing: -1px;
	}
	
	#citation .texte p:first-child:before{
		content: '« ';
	}
	#citation .texte p:last-child:after{
		content: '»';
	}

 	#citation p.titre{
	 	position: relative;
	 	color: black;
	 	font-size: 1.2em;
	 	line-height: 120%;
 	 	font-style: italic;
	}
 	#citation p.auteur{
	 	position: relative;
	 	color: black;
	 	font-size: 1.2em;
	 	line-height: 140%;
 	}

/* ---------------------------------------------------------------
	- - - xxx
 --------------------------------------------------------------- */

 	.contenu_page{
	 	position: relative;
	 	width: 680px;
	 	height: auto;
	 	margin: 0 auto;
	 	padding-top: 10px;
	 	padding-bottom: 100px;
 	}

 	.contenu_page header{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}

 	h1.titre_page{
		position: relative;
		font-size: 16px;
	 	letter-spacing: 0.2em;
		color: #fd3309;
		font-style: italic;
	 	font-weight: 400;
	 	margin-bottom: 10px;
 	}
 
 	h1.titre_collection{
		position: absolute;
		top: 0px;
		right: 0px;
		line-height: 150%;
		font-size: 14px;
		color: black;
		font-style: italic;
	 	font-weight: 400;
	 	letter-spacing: 0.2em;
	 	margin: 0 auto 5px auto;
 	}

 	h2.titre_categorie{
		position: relative;
		font-size: 14px;
	 	letter-spacing: 0.2em;
		color: #fd3309;
		font-style: italic;
	 	font-weight: 400;
	 	padding:  5px 5px 5px 0px;
 	}

 	/* ------------------------ */
 	
 	.contenu_page_site{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}

	.contenu_page_site h2{
		font-size: 14px;
		line-height: 120%;
		color: black;
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.contenu_page_site h2 a{
		color: inherit;
	}

	.contenu_page_site div{
		position: relative;
		width: auto;
		height: auto;
	}
	.contenu_page_site div.slide{
		display: none;
	}

	.contenu_page_site div p{
		position: relative;
		width: auto;
		height: auto;
		font-size: 14px;
		line-height: 150%;
	}
	
	.contenu_page_site div p a{
		color: #336699;
	}







 	.texte_standard{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}
 	.texte_standard p{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	color: black;
	 	font-size: 14px;
	 	line-height: 150%;
	 	margin-bottom: 10px;
 	}
 	.texte_standard p a{
 		color: #336699;
 	}

	/**/

	.detail_masque{
		position: relative;
		width: auto;
		height: auto;
		padding-bottom: 30px;
	}

	.detail_masque h2{
		font-size: 14px;
		line-height: 120%;
		color: black;
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.detail_masque h2 a{
		color: inherit;
	}

	.detail_masque div{
		position: relative;
		width: auto;
		height: auto;
		display: none;
	}

	.detail_masque div p{
		position: relative;
		width: auto;
		height: auto;
		font-size: 14px;
		line-height: 120%;
	}
	
	.detail_masque div p a{
		text-decoration: none;
		color: black;
	}
	.detail_masque div p a img{
		vertical-align: bottom;
	}

	/**/

	ul.logo{
		position: relative;
		width: auto;
		height: auto;
		text-align: center;
	}
	ul.logo li{
		position: relative;
		width: auto;
		height: auto;
		display: inline-block;
		margin: 10px;
	}
	
	.cycle_editeur{
		position: relative;
		width: auto;
		height: auto;
		margin: 0 auto 30px auto;
		border: 1px solid #CCC;
	}

/* ---------------------------------------------------------------
	LISTE DES LIVRES
 --------------------------------------------------------------- */
	.liste_ebook{
		position: relative;
		display: inline-block;
	 	width: auto;
	 	margin: 0 auto 5px auto;
		height: auto;
	}
	.liste_ebook li{
		position: relative;
		display: inline-block;
		margin: 0px 10px 10px 0px;
		
	}

	.liste_ebook li a img{
		text-decoration: none;
		border: 0;
	}

	span.pointsss{
		display: inline-block;
		height: 6px;
		width: 6px;
		background: #7ec31c;
		margin: 0 1px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		behavior: url("../plugin/pie/PIE.php");
	}
	span.point{
		color: #7ec31c;
		font-size: 36px;
		padding-right: 5px;
	}
	a.plus{
		text-decoration: none;
		color: inherit;
		margin-left: 5px;
		font-size: 0.8em;
	}

	div.support_survol{
		display: none;
		position: absolute;
		bottom: 0px;
		left: 105%;
		padding: 5px;
		z-index: 10;
		border-left:5px solid #CC3333;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background-color: #FFF;
		background: rgba(245,245,245,0.9);
		width: 250px;
		height: auto;
		text-align: left;
		
	}
	div.support_survol p{
		position: relative;
		width: auto;
		height: auto;
		line-height: 150%;
		font-size: 14px;
		color: black;
		letter-spacing: 0.1em;
	}
	div.support_survol p.titre{
		font-size: 1.2em;
		color: #CC3333;
		font-weight: bold;
	}
	div.support_survol p.supplement{
		font-size: 1.2em;
		color: #CC3333;
	}
	div.support_survol p.auteur{
		text-transform: uppercase;
		font-size: 1em;
	}
	div.support_survol p.editeur{
		font-size: 1em;
	}
	div.support_survol p.format{
		font-size: 0.8em;
	}

/* ---------------------------------------------------------------
	FORMUALIRES
 --------------------------------------------------------------- */
 
 	form.lmk header,
 	form.lmk footer,
 	form.lmk div.row,
 	form.lmk div.info{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}
 	
 	form.lmk input,
 	form.lmk label,
 	form.lmk select,
 	form.lmk textarea{
	 	display: inline-block;
 	}
 	
 	form.lmk{
 		position: relative;
 		width: 50%;
 		height: auto;
 		margin: 20px auto;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #CCC;
		behavior: url("../plugin/pie/PIE.php");
 	}
  	
 	form.lmk fieldset{
	 	width: auto;
	 	height: auto;
	 	margin: 0px auto;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		behavior: url("../plugin/pie/PIE.php");
	}

 	form.lmk legend{
	 	font-size: 1.1em;
	 	color: #996699;
	 	margin-top: 20px;
 	}

 	/* - - - Div de séparation - - - */
 
 	form.lmk div.row{
	 	padding: 3px 20px;
 	}

 	form.lmk div.info{
	 	border-bottom: 1px solid #E6E6E6;
	 	padding: 10px 20px;
		background: #f0f9ff;
 	}
 	form.lmk div.info p{
	 	font-size: 1em;
 	}

	/* - - - Label - - - */

	form.lmk label{
		padding-right: 10px;
		text-align: right;
		color: black;
	}
	
	form.lmk label.haut{
		line-height: 20px;
		padding:0;
	}
	
	form.lmk label.error{
		color: #CC3333;
		margin-bottom: 10px;
		width: 98%;
	}

	form.lmk label:hover{
		color:#0459b7;
		cursor: pointer;
	}	

	/* - - - Input - - - */

	form.lmk textarea,
	form.lmk input[type=text],
	form.lmk input[type=email],
	form.lmk input[type=number],
	form.lmk input[type=password]{
		background: #F7F7F7;
		border:1px solid #aaa;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow:inset 0 0 3px #aaa;
		-moz-box-shadow:inset 0 0 3px #aaa;
		-webkit-box-shadow:inset 0 0 3px #aaa;
		margin: 0;
		padding: 0.5em 1em 0.5em;
		font-size: 1em;
	}

	form.lmk textarea:focus,
	form.lmk input[type=text]:focus,
	form.lmk input[type=email]:focus,
	form.lmk input[type=number]:focus,
	form.lmk input[type=password]:focus{
		background: #FFF;
		border-color:#336699;
		box-shadow:inset 0 0 3px #336699;
		-moz-box-shadow:inset 0 0 3px #336699;
		-webkit-box-shadow:inset 0 0 3px #336699;
		outline: 0 none; /* Pour enlever la "bordure" jaune qu'ajoute Google Chrome au focus */
	}
	
	form.lmk textarea.error,
	form.lmk input.error,
	form.lmk input.error:focus{
		border-color:#CC3333;
		-moz-box-shadow:0 0 3px #CC3333;
		-webkit-box-shadow:0 0 3px #CC3333;
	}


  	/* - - - Footer - - - */

	form.lmk footer{
	 	padding: 5px 20px;
	 	text-align: center;
	}

	form.lmk footer input{
		position: relative;
		display: inline-block;
		cursor: pointer;
		outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
		padding: 0.5em 1em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		behavior: url("../plugin/pie/PIE.php");
		border:1px solid #CCC;	
		text-transform: uppercase;
		font-size: 1em;
		background-color: rgba(244,244,247,0.85);
	}
	form.lmk footer input{
		color: #333;
	}

	form.lmk footer input:hover{
		color: #339966;
		border-color: #339966;
	}
	form.lmk footer input.submit:hover{
		color: #F7F7F7;
		background: #339966;
	}
	form.lmk footer input.annuler:hover{
		color: #F7F7F7;
		background: #CC3333;
	}

	/* - - - Button - - - */


	.Xalert {
		position: relative;
		width: 90%;
		margin: 10px auto;
		border: 1px solid;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		behavior: url("../plugin/pie/PIE.php");
		clear: both;
		color: black;
		text-align: center;
		font-size: 14px;
		line-height: 2.5em;
		display: none;
	}	
		
	/* - - - Error - - - */

	.Xalert.error {
		border-color: #CC3333;
		background: rgb(254,187,187); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(254,187,187,1) 0%, rgba(255,122,122,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,187,187,1)), color-stop(100%,rgba(255,122,122,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(255,122,122,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(255,122,122,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(255,122,122,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(254,187,187,1) 0%,rgba(255,122,122,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff7a7a',GradientType=0 ); /* IE6-8 */
	}	

	.Xalert.confirmation {
		border-color: #8bf7b1;
		background: rgba(188,255,198,1); /* Old browsers */
	}	
	



	/* --------------------------- */
	
	.meta{
		position: relative;
	}
	.meta .couverture{
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
	}
	.meta .couverture img{
		max-height:250px;max-width:170px;
	}
	.meta .info{
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	.meta .info p.titre{
		font-size: 22px;
		line-height: 120%;
		font-style: italic;
	}
	.meta .info p.auteur{
		font-size: 1.5em;
		line-height: 120%;
	}
	.meta .info p.editeur{
		font-size: 1.2em;
		line-height: 120%;
	}
	.meta .info p.traducteur{
		font-size: 1em;
		line-height: 130%;
	}
	.meta .info p.genre{
		font-size: 1em;
		line-height: 120%;
	}
	.meta .info p.nbre_page{
		font-size: 1em;
		line-height: 120%;
		padding-bottom: 10px;
	}
	.meta .info p.isbn{
		font-size: 1em;
		line-height: 120%;
	}
	.meta .info p.parution{
		font-size: 1.2em;
		line-height: 120%;
		margin-top: 10px;
	}
	
	.meta ul#liste_action{
		position: relative;
		margin-top: 20px;
		height: auto;
		padding-left: 20px;
	}

	.meta ul#liste_action li{
		position: relative;
		width: auto;
		height: 32px;
		line-height: 32px;
		margin-top: 5px;
	}
	
	.meta ul#liste_action li.lire{
		background: transparent url('../img/icone_lire.png') no-repeat center left;
	}
	.meta ul#liste_action li.ecouter{
		background: transparent url('../img/icone_ecouter.png') no-repeat center left;
	}
	.meta ul#liste_action li.choisir{
		background: transparent url('../img/icone_choisir.png') no-repeat center left;
	}
	.meta ul#liste_action li.app{
		background: transparent url('../img/icone_partager.png') no-repeat center left;
	}
	#meta ul#liste_action li#avis{
		background: transparent url('../img/icone_avis.png') no-repeat center left;
	}

	.meta ul#liste_action li a{
		display: inline-block;
		font-size: 1.1em;
		color: black;
		text-decoration: none;
		text-indent: 38px;
	}


	.meta .couverture .choix_envie{
		position: absolute;
		width: auto;
		width: 48px;
		height: 48px;

		-moz-border-radius: 16px 16px 16px 16px;
		-webkit-border-radius: 16px 16px 16px 16px;
		border-radius: 16px 16px 16px 16px;
		behavior: url("../plugin/pie/PIE.php");

		background-color: #b1ecb1;
	}

	.meta .couverture .envie_ok{
		top: 20px;
		left: 25px;
		background: #b1ecb1 url('../img/icone_choisir_blanc.png') no-repeat center;
	}
	.meta .couverture .envie_ko{
		opacity: 0;
		-moz-opacity : 0;
    	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    	filter : alpha(opacity=0); /* IE < 8 */ 
		top: 275px;
		left: 362px;
		background: transparent;
	}
	/* --------------------------- */
	
	
	
	
	
	
	
	#meta{
	 	position: relative;
	 	height: auto;
	 	width: 100%;
	}
	
	#meta .couverture{
		//display: inline-block;
		position: relative;
		//width: 49%;
		//height: 340px;
		//vertical-align: top;
		float: left;
		margin-bottom: 30px;
	}
	#meta .couverturew img{
		position: absolute;
		top: 0;
		left:0px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		max-width: 324px;
		max-height: 345px;
	}

	/* -------------------------------- */


	/* -------------------------------- */

	#meta .couverture .choix_app{
		position: absolute;
		width: 48px;
		height: 48px;

		/*-moz-border-radius: 16px 16px 16px 16px;
		-webkit-border-radius: 16px 16px 16px 16px;
		border-radius: 16px 16px 16px 16px;
		behavior: url("../plugin/pie/PIE.php");*/


		background-color: #98cf49;
		background: rgba(126, 195, 28, 0.80) url('../img/icone_partager_blanc.png') no-repeat center center;
	}
	
	#meta .couverture .app_ok{
		top: 70px;
		left: 25px;
	}
	#meta .couverture .app_ko{
		opacity: 0;
		-moz-opacity : 0;
    	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    	filter : alpha(opacity=0); /* IE < 8 */ 
		top: 238px;
		left: 362px;
	}

	/* -------------------------------- */
	
	#meta .info{
		position: relative;
		width: auto;
		height: auto;
	}
	#meta .info p{
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 auto;
		color: black;
	}
	
	#meta .info p.info_plus{
		color: #336699;
		margin-top: 10px;
		font-size: 1.2em;
	}

	#meta ul#liste_action{
		//position: absolute;
		//bottom: 0;
		//left: 0;
		position: relative;
		margin-top: 20px;
		width: 100%;
		height: auto;
		padding-left: 20px;
	}

	#meta ul#liste_action li{
		position: relative;
		width: auto;
		height: 32px;
		line-height: 32px;
		margin-top: 5px;
	}
	
	#meta ul#liste_action li#ecouter{
		background: transparent url('../img/icone_ecouter.png') no-repeat center left;
	}
	#meta ul#liste_action li#lire{
		background: transparent url('../img/icone_lire.png') no-repeat center left;
	}
	#meta ul#liste_action li#choisir{
		background: transparent url('../img/icone_choisir.png') no-repeat center left;
	}
	#meta ul#liste_action li#app{
		background: transparent url('../img/icone_partager.png') no-repeat center left;
	}
	#meta ul#liste_action li#avis{
		background: transparent url('../img/icone_avis.png') no-repeat center left;
	}

	#meta ul#liste_action li a{
		display: inline-block;
		font-size: 1.1em;
		color: black;
		text-decoration: none;
		text-indent: 38px;
	}




	/* --------------------------- */
	
	.info_fiche_livre{
	 	position: relative;
	 	height: auto;
	 	width: auto;
	 	//margin-top: 30px;
	}

	.info_fiche_livre div{
		position: relative;
		width: auto;
		height: auto;
		font-size: 14px;
		line-height: 150%;
		color: black;
	}

	/* --------------------------- */

	ul#menu_secondaire_livre{
		position: relative;
		width: auto;
		height: auto;
		margin-top: 20px;
		padding-top: 20px;
	}

	ul#menu_secondaire_livre li{
		position: relative;
		display: inline-block;
		width: auto;
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
		margin-right: 10px;
	}

	ul#menu_secondaire_livre li a{
		color: #666;
		border-bottom: 1px solid #666;
		text-decoration: none;
	}

	ul#menu_secondaire_livre li a:hover{
		color: #FD3309;
		border-bottom: 2px solid #FD3309;
	}

/* ---------------------------------------------------------------
	- - - SPLASH SCREEN
 --------------------------------------------------------------- */
 	#splash{
	 	position: relative;
	 	width: auto;	 	
	 	height: auto;
	 	cursor: pointer;
	 	z-index: 10000;
 	}
 	#logo_chapitre{
 		position: relative;
 		width: 100%;
 		height: 33%;
		text-align: center;
 	}
 	#logo_chapitre img{
	 	padding-top: 50px;
 	}

 	#cinematique{
 		position: relative;
 		width: 100%;
 		height: 33%;
		text-align: center;
 		z-index: 5;
 	}
 	#cinematique div{
	 	display: inline-block;
	 	position: relative;
	 	width: 150px;
	 	height: 150px;
	 	margin: 0 50px;
	 	text-align: center;
 	}
 	#cinematique div img{
	 	position: absolute;
	 	top: 25px;
	 	left: 33px;
	 	opacity: 0;
		-moz-opacity : 0;
    	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    	filter : alpha(opacity=0); /* IE < 8 */ 
 	}

 	#bandeau{
 		position: relative;
 		width: 100%;
 		height: 33%;
		z-index: 10;
 	}
 	#bandeau p{
 		width: 100%;
 		height: 175px;
 		background-color: red;
		background: rgba(255,15,15,0.80);
	 	line-height: 175px;
	 	text-align: center;
	 	color: white;
	 	font-size: 64px;
	 	opacity: 0;
		-moz-opacity : 0;
    	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
    	filter : alpha(opacity=0); /* IE < 8 */ 
 	}



 	#logo_sfl{
 		display: none;
 		position: relative;
 		width: auto;
 		height: auto;
 		margin: 50px auto 0 auto;
 	}
 	#logo_sfl img{
	 	margin-left: 90px;
 	}


 /* --------------- */
 	.ebook_envie_info{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	border-top: 1px dashed #CCC;
	 	padding-top: 10px;
	 	margin-top: 10px;
 	}
 	.ebook_envie_info div{
	 	position: relative;
	 	display: inline-block;
	 	vertical-align: top;
	 	margin-right: 10px;
	 	width: auto;
	 	height: auto;
 	}
 	.ebook_envie_info a.retour_fiche{
	 	color: #336699;
	 	font-size: 12px;
	 	line-height: 24px;
 	}
 	.ebook_envie_info a.retour_fiche img{
 		margin-right: 5px;
 		vertical-align: middle;
 	}

 	.ebook_envie_info p img{
 		margin-right: 5px;
	 	vertical-align: middle;
 	}
 	.ebook_envie_info p.bibliothecaire{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	font-size: 12px;
	 	margin-bottom: 5px;
 	}
 	.ebook_envie_info p.bibliothecaire a{
 		color: #336699;
 		margin-left: 10px;
 		
 	}
 	.ebook_envie_info p.titre_ebook{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	font-size: 18px;
	 	font-style: italic;
	 	margin-bottom: 20px;
 	}

 /* --------------- */
 	.ebook_app_info{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	border-top: 1px dashed #CCC;
	 	padding-top: 10px;
	 	margin-top: 10px;
	 	min-height: 170px;
 	}
 	.ebook_app_info div.zone{
	 	position: relative;
	 	display: inline-block;
	 	vertical-align: top;
	 	margin-right: 10px;
	 	width: auto;
	 	height: auto;
 	}
 	.ebook_app_info a.retour_fiche{
	 	color: #336699;
	 	font-size: 12px;
	 	line-height: 24px;
 	}
 	.ebook_app_info a.retour_fiche img{
 		margin-right: 5px;
 		vertical-align: middle;
 	}

 	.ebook_app_info p img{
 		margin-right: 5px;
	 	vertical-align: middle;
 	}
 	.ebook_app_info p.bibliothecaire{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	font-size: 12px;
	 	margin-bottom: 5px;
 	}
 	.ebook_app_info p.bibliothecaire a{
 		color: #336699;
 		margin-left: 10px;
 		
 	}
 	.ebook_app_info p.titre_ebook{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	font-size: 18px;
	 	font-style: italic;
	 	margin-bottom: 20px;
 	}

 	.ebook_app_info h3{
		position: relative;
		font-size: 12px;
	 	letter-spacing: 0.2em;
		color: #fd3309;
		font-style: italic;
	 	font-weight: 400;
	 	padding:  5px 5px 5px 0px;
 	 	margin-left: 25px;
	}

	
	.ebook_app_info aside{
		position: absolute;
		top: 10px;
		right: 0;
		width: auto;
		height: auto;
		text-align: right;
	}
	

 	.ebook_app_info aside div.choix_rang{
 		position: relative;
		width: auto;
		height: auto; 				
 	}
	.ebook_app_info aside div.choix_rang ul{
		position: relative;
		width: auto;
		height: auto;
		margin-top: 10px;
	}
	.ebook_app_info aside div.choix_rang ul li{
		position: relative;
		width: auto;
		height: auto;
		display: inline-block;
		margin-bottom: 5px;
	}
	.ebook_app_info aside div.choix_rang p{
		font-size: 12px;
		margin-top: 10px;
		color: #666;
	}
	p.lh_apercu a{
		display: block;
	}
	.ebook_app_info aside div.apercu_selection{
		position: absolute;
		width: 100%;
		height: auto;
		bottom: 20px;
		right: 0;
		display: none;
		z-index: 100;
		background-color: #FFF;
		text-align: center;
		border: 1px solid #CCC;
	}
	.ebook_app_info aside div.apercu_selection img{
		display: inline-block;
		margin: 5px;
	}
 	/* ------------------ */
 	
 	.gestion_app_kiosque{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}
	
	#liste_panier{
		position: relative;
		width: auto;
		height: auto;
	}
	.gestion_app_kiosque ul{
		position: relative;
		width: auto;
		height: auto;
	}
	.gestion_app_kiosque ul li{
		display: inline-block;
		vertical-align: top;
		position: relative;
		width: auto;
		height: auto;
		margin: 5px;
		text-align: center;
	}
	.gestion_app_kiosque ul li.selected{
		background-color: #fd3309;
	}
	.gestion_app_kiosque ul li span.ordre{
		font-size: 12px;
		color: #000;
		font-family: arial;
		line-height: 200%;
	}
	.gestion_app_kiosque ul li a{
		text-decoration: none;
	}
	.gestion_app_kiosque ul li.selected span.ordre{
		color: white;
	}
	
	/* ------------------- */

 	#nav_gestion_app{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	margin: 20px 0 40px 0;
 	}
 	#nav_gestion_app ul{
	 	position: relative;
	 	display: inline-block;
	 	vertical-align: middle;
	 	width: auto;
	 	height: auto;
 	}
 	
 	#nav_gestion_app ul li{
	 	position: relative;
	 	display: inline-block;
	 	border-top: 1px solid #CCC;
	 	border-bottom: 1px solid #CCC;
	 	width: 150px;
	 	height: auto;
	 	padding: 0px;
	 	text-align: center;
	 	line-height: 40px;
	 	font-size: 14px;
	 	background-color: #dfe5e6;
 	}

 	#nav_gestion_app ul li.debut_fin{
	 	border: 1px solid #CCC;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		behavior: url("../plugin/pie/PIE.php");
 	}

 	#nav_gestion_app ul li.debut{
 		background: white;
	 	border-left: 1px solid #CCC;
		-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		border-radius: 10px 0px 0px 10px;
		behavior: url("../plugin/pie/PIE.php");
 	}
 	#nav_gestion_app ul li.fin{
	 	border-right: 1px solid #CCC;
		-moz-border-radius: 0px 10px 10px 0;
		-webkit-border-radius: 0px 10px 10px 0;
		border-radius: 0px 10px 10px 0;
		behavior: url("../plugin/pie/PIE.php");
 	}
 	#nav_gestion_app ul li.sep_etape{
 		background-image: url('../img/sep_etape.png');
 		background-position: center right;
 		background-repeat: no-repeat;
 	}


 	#nav_gestion_app ul .sep_etape_1{
 		background-image: url('../img/sep_etape_1.png');
 		background-position: center right;
 		background-repeat: no-repeat;
 	}
 	#nav_gestion_app ul .sep_etape_2{
 		background-image: url('../img/sep_etape_2.png');
  		background-position: center right;
 		background-repeat: no-repeat;
	}

 	#nav_gestion_app ul li a{
 		display: block;
	 	color: inherit;
	 	text-decoration: none;
 	}
 	
  	#nav_gestion_app div{
  		display: none;
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	 	vertical-align: middle;
	}
	
 	#detail_gestion_app{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	clear: both;
	 	float: none;
 	}
 	
 	/* ---------------------- */
 	
 	#partage_partage{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}

 	#partage_partage div.device{
	 	position: relative;
	 	width: 49%;
	 	height: auto;
 	}

 	/* ---------------------- */
 	
 	#partage_visualiser{
	 	position: relative;
	 	width: auto;
	 	height: auto;
 	}

 	#partage_visualiser div.device{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	display: inline-block;
	 	vertical-align: top;
 	}
 	

  	#partage_visualiser div.smartphone{
	  	position: relative;
	  	width: 220px;
	  	height: auto;
	  	padding: 10px;
	  	border: 3px solid #999;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		behavior: url("../plugin/pie/PIE.php");
  	}
	
 	#partage_visualiser div.smartphone ul{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	text-align: center;
 	}
 	#partage_visualiser div.smartphone ul li{
	 	display: inline-block;
	 	margin: 10px 10px;
 	}
 	
 	
 	#partage_visualiserwww .smartphonexxx{
	 	position: relative;
	 	width: 49%;
	 	height: auto;
	 	float: left;
	 	overflow: hidden;
 	} 		
 	.iframe_premierchapitre{
		z-index: 10;
 		border:0px solid #CCC;
	}



 	/* -------------------- */
 	/* ------ BOUTON ------ */
 	/* -------------------- */
 	
 	.btn{
		position: relative;
		display: inline-block;
		cursor: pointer;
		outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
		padding: 2px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		behavior: url("../plugin/pie/PIE.php");
		border:1px solid #CCC;	
		text-transform: uppercase;
		background-color: #999;
		background-color: rgba(244,244,247,0.85);
		color: #333;
		margin-right: 10px;
		vertical-align: top;
	}

	#partager_maj button{
		font-size: 12px;
	}

	#btn_valider:hover{
		color: #F7F7F7;
		background: #FD3309;
	}
	#btn_confirmer:hover{
		color: #F7F7F7;
		background: #339966;
	}
	#btn_annuler:hover{
		color: #F7F7F7;
		background: #CC3333;
	}

	.appercu_selection button{
		font-size: 9px;
		margin: 5px 0 0 0;
	}
	.bt_selectionner{
		margin: 0;
	}
	
	.bt_confirmer_selection{
		width: 20px;
		margin: 0;
	}
	.bt_confirmer_selection:hover{
		background-color: #98cf49;
		background-color: rgba(126, 195, 28, 0.80);
	}
	.ebook_app_info aside button.selected,
	.ebook_app_info aside div ul li.selected button{
		background-color: #98cf49;
		background-color: rgba(126, 195, 28, 0.80);
	}


 	/* ---------------------- */
 	/* ------ PARTAGER ------ */
 	/* ---------------------- */

 	#partager_maj_confirmer{
	 	display: none;
 	}
 	
 	/* ---------------------- */
 	/* ------ PARTAGER ------ */
 	/* ---------------------- */

 	#info_app_kiosque{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	margin-bottom: 20px;
 	}
 	#info_app_kiosque h2{
	 	position: relative;
	 	font-size: 36px;
	 	line-height: 200%;
		color: #000;
		text-transform: uppercase;
 	}

 	#info_app_kiosque #action_selection{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	padding: 10px;
	 	background-color: #FFFFCC;
 	}

 	#info_app_kiosque .action{
	 	position: relative;
	 	width: auto;
	 	height: auto;
	 	background-color: white;
	 	padding: 5px 0;
 	}
 	#info_app_kiosque button{
		position: relative;
		display: inline-block;
		cursor: pointer;
		outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
		padding: 2px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		behavior: url("../plugin/pie/PIE.php");
		border:1px solid #CCC;	
		text-transform: uppercase;
		font-size: 9px;
		background-color: #999;
		background-color: rgba(244,244,247,0.85);
		color: #333;
		margin-right: 10px;
		vertical-align: middle;
	}
	#info_app_kiosque button:hover{
		color: #F7F7F7;
		background: #FD3309;
	}

 	/* ---------------------- */
 	/* ------ xxx ------ */
 	/* ---------------------- */



	.choix_ordre{
		position: relative;
		width: auto;
		height: auto;
	}
	.choix_ordre a{
		text-decoration: none;
		display: inline-block;
		width: 20px;
		font-size: 14px;
		line-height: 150%;
		margin: 2px;
		text-align: center;
		font-family: arial;
		border: 1px solid #CCC;
	}
	.choix_ordre a:hover{
		color: #F7F7F7;
		background-color: #98cf49;
		background-color: rgba(126, 195, 28, 0.80);
	}


/* ---------------------------------------------------------------
	TABLEAU
 --------------------------------------------------------------- */

	table.lmk{
		position: relative;
		display: inline-table;
		width: 100%;
		background: white;
		border: 0px solid gray;
		border-collapse: collapse;
		color: #666;
		}

/* ---------------------------------- */

	table.lmk tr{
		height: 30px;
		border-bottom: 1px solid #ccc;
	}
		
	table.lmk tbody tr:nth-child(even) {background-color: #F7F7F7}
	
	table.lmk tbody tr:nth-child(odd) {background-color: #FFF}

	table.lmk tbody tr:nth-child(1){border-top:1px solid #CCC;}

	table.lmk td.sort{
		cursor: context-menu;
		width: 40px;
		background: url("../img/icone_sort.gif") no-repeat center center;
	}

/* ---------------------------------- */
	
	table.lmk caption{
	 	font-size: 1.3em;
	 	line-height: 2.2em;
		color: #F7F7F7;
		text-indent: 20px;
		text-align: left;
		background: #303030;
	}

/* ---------------------------------- */

	table.lmk thead{
		background: #e5ebf1;
	}

	table.lmk th {
		font-size: 1em;
		color: #F7F7F7;
		height: auto;
		padding: 0 10px;
		font-weight: bold;
		line-height: 150%;
		text-align: left;
		vertical-align: middle;
		text-transform: uppercase;
		border-bottom: 1px solid #CCC;
	}
	table.lmk th[class="ajouter"]{
		cursor: pointer;
		background: #a468b3;
		width: 100px;
		text-align: center;
	}
	table.lmk th[class="ajouter"]:hover{
		opacity: 0.8;
		-moz-opacity : 0.8;
    	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
    	filter : alpha(opacity=80); /* IE < 8 */ 
	}
	
/* ---------------------------------- */

	table.lmk tfoot{
		font-weight: bold;
		background: #FFF;
	}

/* ---------------------------------- */

	table.lmk td {
		font-size: 1.1em;
		height: auto;
		line-height: 150%;
		padding: 0 10px;
		color: #666;
		vertical-align: middle;
	}


/* ---------------------------------- */
	.menu_action{
		position: relative;
		background: #CCC;
		text-align: center;
		padding: 5px;
	}

 	.menu_action li{
	 	position: relative;
	 	display: inline-block;
	 	border: 1px solid #CCC;
	 	margin-right: 10px;
	 	padding: 5px;
	 	background: #F7F7F7;
	 	text-transform: uppercase;
 	}
 	
 	.menu_action li a{
	 	display: block;
	 	text-decoration: none;
	 	color: black;
	 	font-size: 1em;
	 	line-height: 1.5em;
 	}
	.menu_action li a i{
		color:  #337ab7;
		font-size: 1.5em;
		padding-right: 5px;
		vertical-align: middle;
	}
	.menu_action li a:hover{
		color: #337ab7;
		opacity: 0.8;
		-moz-opacity : 0.8;
    	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
    	filter : alpha(opacity=80); /* IE < 8 */ 
	}
 	
 	
 	
 	
 	.display_pdf{
	 	background: yellow;
 	}
 	
 	#sidebarToggle{
	 	display: none;
 	}