/*
	editionslibertalia.com/librairie
	Author: Bruno Bartkowiak www.le-studio-americain.com
	contact@le-studio-americain.com
	

	==========================================

*/



	@font-face {
	    font-family: 'kimberleyregular';
	    src: url('../fonts/kimberley-webfont.eot');
	    src: url('../fonts/kimberley-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/kimberley-webfont.woff') format('woff'),
	         url('../fonts/kimberley-webfont.ttf') format('truetype'),
	         url('../fonts/kimberley-webfont.svg#kimberleyregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

/*	RESET */

	html {margin: 0; padding: 0; background: #fff url(../img/bg-main.gif) left top repeat;}
	body {margin: 0px auto; padding: 0px; color: #000; font-size: 13px; font-family: Georgia, Times, serif; font-style: normal; line-height: 1.2em; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/}

	
	h1, h2, h3, h4, div, p, figure {margin: 0; padding: 0}
	ul {margin: 0; padding:0;}
		ul li {}
	a {color: #000; text-decoration: underline;}
		a img {border: none;}

	.spacer {clear: both; display: block; height: 0px;}

		.spip_documents_right {margin: 2px 0 2px 15px}	
		.spip_documents_left {margin: 2px 15px 2px 0;}	
		

/*	BASE */

	#wrapper {width: 960px; margin: 0px auto; padding: 20px;}

		#header {width: 960px; height: 110px;  margin: 0px auto 0 auto; position: relative; background: url(../img/bg-header.gif) left bottom repeat-x;}
	
			#header a#logoHome {display: block; width: 218px; height: 110px; position: absolute; top: 0px; left: 0px; color:#fff; background: url(../img/bg-logohome.png) left top no-repeat;}
			#header p#breadCrumbs {display: block; width: 742px; height: 110px; margin: 0; padding: 0; position: absolute; top: 0px; right: 0px; text-align: right; background: url(../img/bg-breadcrumbs.png) left bottom no-repeat ;text-transform: uppercase; font-size: 0.8em;}
				#header #breadCrumbs a {text-decoration: none;}
					#header #breadCrumbs a:hover {text-decoration: underline;}
				#header #breadCrumbs strong.on {font-weight: normal;font-style: italic;}



			#menuBurger {display: none;}

			#nav {display: block; float: left; width:218px; margin: 1px 0 0 0; padding: 0 0 70px 0; /*background: url(../img/bg-stripes.gif) left top repeat-y;*/}
				
				ul#mainMenu {}
					ul#mainMenu li {display: inline;}
						ul#mainMenu li a {display: block; height: 29px; margin: 0 0 1px 0; padding: 0 10px; line-height: 29px; background: #000; color: #fff; font-size: 1em; text-decoration: none; font-family: kimberleyregular, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
							ul#mainMenu li a.home, ul#mainMenu li a:hover {color: #fdcc19;}
							ul#mainMenu li a.on {color: #000; background: #fdcc19 url(../img/bg-alt.gif) left top repeat;}
						ul#mainMenu ul {margin-top: 0px;padding: 5px 0px; background: url(../img/bg-main.gif) left bottom repeat;}
						ul#mainMenu ul li a {margin: 0; height: 20px; padding: 0 5px; line-height: 20px; background: transparent; color: #000; font-family: Georgia, Times, serif; font-size: 0.9em;}
						ul#mainMenu ul li a.on {background: transparent;}
							ul#mainMenu ul li a span {display: inline-block; padding: 0 5px;}
							ul#mainMenu ul li a:hover span {color: #000; background: #fdcc19 url(../img/bg-alt.gif) left top repeat;}
							ul#mainMenu ul li a.on span {background: #fdcc19 url(../img/bg-alt.gif) left top repeat;}

				#blockRecherche {margin: 0; padding: 12px 0 0px 0; background: url(../img/bg-stripes.gif) left top repeat-y;}
					#rechercheForm {padding: 0px 0; margin: 0px; border-bottom: 0px solid #000; background: url(../img/bg-main.gif) left top repeat;}
						#rechercheForm * { display: inline; vertical-align: middle; font-family: Georgia, Times, serif;}
						#rechercheForm label {display: none; padding: 5px 0;}
						#rechercheForm input {}
						#rechercheForm input.text { width: 168px; margin-right: 1px; padding: 0 0 0 22px; color: #000; font-size: 0.9em; background: #fff url(../img/bg-rechercher2.png) no-repeat 1px center; height: 23px; line-height: 23px; border: 1px solid #000;  float: left; font-style: italic; border-radius: 0px;}
							#rechercheForm input.text:focus {}
						#rechercheForm input.submit { display: block; width: 25px; height: 25px; padding: 0; -height: 21px; background: #000; color: #fff; text-align: center; border: none; cursor: pointer; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
							#rechercheForm input.submit:hover {color: #fdcc19;}
					a#lienThema {display: block; height: 20px; margin: 3px 0 0px 0; padding: 0 7px 0 10px; line-height: 20px; background: #000 url(../img/bg-label.gif) right top no-repeat; color: #fff; text-decoration: none; text-transform: uppercase;font-style: italic; font-size: 0.8em; font-weight: normal; text-align: left; letter-spacing:1px;}
					a#lienThema:hover, a#lienThema.on {color: #fdcc19;}

				ul#secondMenu {margin: 1px 0 0 0; padding: 11px 0px 51px 0px;  background: url(../img/bg-stripes.gif) left top repeat-y;}
					ul#secondMenu li {display: inline;}
						ul#secondMenu li a {display: block; height: 19px; margin: 0px 0 1px 0; padding: 0px 10px; font-size: 0.8em; text-decoration: none; background: url(../img/bg-main.gif) left bottom repeat; line-height: 19px; text-transform: uppercase}
							ul#secondMenu li a:hover, ul#secondMenu li a.on {background: #fdcc19 url(../img/bg-alt.gif) left top repeat;}
						ul#secondMenu li a#librairieLien {height: 27px; margin: 1px 0 0 0; padding: 1px 0; text-transform: none;}
							ul#secondMenu li a#librairieLien span {display: block; height: 27px; margin: 0; padding: 0 5px 0 35px; color:#fff; background: #000; text-decoration: none; font-size: 1em; text-align: center; line-height: 27px; background: #000 url(../img/picto-acheter-noir.gif) 3px 2px no-repeat; font-style: normal; text-transform: uppercase;}
							ul#secondMenu li a#librairieLien:hover {background: url(../img/bg-main.gif) left bottom repeat;}
							ul#secondMenu li a#librairieLien:hover span {background: #c20000 url(../img/picto-acheter.gif) 3px 2px no-repeat;}
				
				ul#menuAbout {padding: 5px 10px 0 0px; font-size: 0.82em;background: url(../img/bg-main.gif) left bottom repeat;}
					ul#menuAbout li {display: inline;}
					ul#menuAbout li a {display: block; height: 15px; line-height: 15px; text-decoration: none; font-style: italic; text-align: right;}
		
			
			#contentWrapper {position: relative; float: right; width: 700px; min-height: 640px; margin-bottom: 0px; padding: 0 0 0px 41px; background: url(../img/bg-contentwrapper.gif) left top repeat-y;}
						
				#footer {position:absolute; left: 0px; bottom: 0px; width: 40px; height: 40px; clear: both; /* background: url(../img/bg-footer.gif) left bottom no-repeat; */ text-indent: -5000px; overflow: hidden;}
			
				
				#titreRubrique {display: block; height: 35px; margin: 0 0 1px 0; padding: 0 0 1px 10px; line-height: 35px; font-size: 1em; border-bottom: 1px solid #000; font-weight: normal; font-style: italic; text-decoration: none; letter-spacing: 2px;}
					#titreRubrique span {font-style: normal; text-transform: uppercase; font-size: 0.9em;}
				h1.accueilRubrique {font-size: 1em;}
				h1.livre {position: relative; color: #fff; font-family: kimberleyregular, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 1.2em; line-height: 1.2em;}
					h1.livre span {display: block; height: 35px; margin: 0px 0 3px 0px; padding: 1px 0 0 10px ; line-height: 35px; background: #000; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
					h1.livre strong {display: block; width: 460px; height: 188px; padding: 11px 230px 0 10px; position: absolute; left: 0px; top: 37px; font-size: 2.4em; background: transparent; line-height: 1.2em;  border-top: 1px solid #000; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
					h1.livre img {display: block; width: 700px; height: 200px; margin: 1px 0;  padding: 0; background: #000;}
					h1.darkFont strong {color: #000;}
					h1.darkFont img {background: #fdcc19;}

				
				ul#thema {margin: 1px 0px; padding: 1px 0 1px 36px; height: 20px; background: url(../img/picto-label.gif) left 1px no-repeat; border-width: 1px 0; border-color: #000; border-style: solid; overflow: hidden;}
					ul#thema li {display: inline;}
						ul#thema li a {display: block; float: left; height: 20px; margin: 0 0 0 1px; padding: 0 17px 0 10px; line-height: 20px; background: #000 url(../img/bg-label.gif) right top no-repeat; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.8em; font-weight: bold;}
						ul#thema li a:hover {color: #fdcc19;}
				
				#contentLeft {float: left; width: 460px; padding: 0 10px; font-size: 1em; line-height: 1.4em; text-align: justify}
					#contentLeft p {margin: 10px 0; }
					#contentLeft h2 {width: 50%; margin: 20px 0 10px 0;  padding: 0 0 1px 0; font-size: 1em; line-height: 1.3em; border-width: 0 0 1px 0; border-style: solid; border-color: #000;  font-weight: normal; text-transform: uppercase; font-style: italic; letter-spacing:2px; text-align: left;}
						#contentLeft h2 em, #contentLeft h2 i {font-style: normal;}
					#contentLeft .spip_documents img {padding: 1px 0; border-width: 1px 0; border-color: #000; border-style: solid;}
					
				#contentLeft h2#ailleursTitre {margin-bottom: 0; border-bottom: none;}
				#contentLeft #ailleurs {margin-top: 10px; padding-top: 50px; background: url(../img/hr-jollyroger.png) center top no-repeat;}
					#contentLeft #ailleurs div {width: 230px; text-align: left; padding-top: 1px; border-top: 1px solid #000;}
					#contentLeft #ailleurs #rdvLivre {width: 230px; float: left;}
					#contentLeft #ailleurs #blogLivre {width: 229px; float: right;}
						#contentLeft #ailleurs div h3 {margin: 0 0 1px 0; padding: 2px 5px; background: #000; color: #fff; font-style: italic; font-weight: normal; font-size: 0.9em; text-align: center;}
						#contentLeft #ailleurs div h4 {margin: 0px; text-transform: uppercase; }
							#contentLeft #ailleurs div h4#oldRDVtitre {width: 70%; padding: 2px 0 0 15px; margin: 15px 0 0 0; font-weight: normal; border-top: 1px solid #000; background: url(../img/picto-plus.gif) left center no-repeat; font-size: 0.86em; letter-spacing: 2px;}
						#contentLeft #ailleurs div ul {padding: 5px 5px 0px 0px; font-size: 0.9em; line-height: 1.1em;}
							#contentLeft #ailleurs div ul#oldRDV {}
							#contentLeft #ailleurs div ul li {display: inline;}
							#contentLeft #ailleurs div ul li a, #contentLeft #ailleurs div ul li span {display: block; padding: 5px 5px 0 0; text-decoration: none;}
							#contentLeft #ailleurs div ul li a:hover {text-decoration: underline;}
					
					/* BLOG */
					
					.blogPagination {margin: 10px 0; padding: 1px 0; border-width: 1px 0; border-color: #000; border-style: solid; font-size: 0.9em;}
						#contentLeft .blogPagination.bottom {margin-bottom: 0px; margin-top: 0px;}
							#contentLeft .blogPagination.bottom a {}
						#contentLeft .blogPagination nav {display: block; height: 20px; margin: 0; padding: 0px 5px; background: #000; color: #fff; line-height: 20px;}
						.blogPagination ul.pagination-items {float: left;}
						.blogPagination li.pagination-item {display: inline;}
						.blogPagination a {color: #fff; text-decoration: none;}
							.blogPagination a:hover {text-decoration: underline;}
						.blogPagination .lien_pagination, .blogPagination span.tbc  {padding: 0 3px;}
						.blogPagination .pagination-item-label.on {padding: 0 3px; font-weight: normal; text-decoration: line-through;}
						.blogPagination span.sep {display: none;}
						.blogPagination span.nextPrev {float: right;}
							.blogPagination span.nextPrev span.sep {display: inline;}
							.blogPagination span.nextPrev strong, .blogPagination span.nextPrev .lien_pagination{margin: 0;}
							.blogPagination span.nextPrev .pagination-item-label.on {display: none;}
						.blogPrev {float: right;}
						.blogNext {}
				
					.blogBillet {margin: 0 0 10px 0; padding-bottom: 50px; border-bottom: 0px solid #000; background: url(../img/hr-jollyroger.png) center bottom no-repeat;}
					.blogBillet h1 {margin-top: 10px;  padding: 1px 0; font-size: 1.8em; line-height: 1.2em; border-width: 1px 0; border-style: solid; border-color: #000; font-family: kimberleyregular, Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase;}
						.blogBillet h1 a, .blogBillet h1 span {display: block; padding: 3px 5px; background: #000; color: #fff; text-decoration: none; text-align: left;}
						#contentLeft p.dateBlock {margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #000; font-size: 0.9em; font-style: italic; text-align: right;}
						.blogSignature {text-align: right; font-weight: bold; font-size: 0.9em;}

					.blogTexte {border-bottom: 1px solid #000;}
						.blogTexte blockquote.spip {font-size: .94em; margin: 0 0 0 20px;}
					.blogNotes {border-bottom: 1px solid #000; padding: 5px 0;font-size: 0.9em; line-height: 1.2em}
					
					ul.livresRel {border-bottom: 1px solid #000; padding: 1px 0;}
						ul.livresRel li {display: inline;}
							ul.livresRel li a {display: block; height: 21px; padding: 1px 0 0 20px; background: url(../img/picto-livre.gif) -1px top no-repeat; line-height: 21px; text-decoration: none;}
							ul.livresRel li a:hover {text-decoration: underline;}

				
					/* RENDEZ-VOUS */
					
					.pageRDV #contentLeft {width: 690px;}
					
					.articleRDV {position: relative; min-height: 160px; padding: 0 230px 50px 0; background: url(../img/hr-jollyroger.png) 130px bottom no-repeat;}
						#contentLeft .articleRDV h2, #contentLeft .articleRDV h1 {width: auto; margin: 10px 0 0 0;  padding: 1px 0; font-size: 1.8em; line-height: 1.2em; border-width: 1px 0; border-style: solid; border-color: #000; font-family: kimberleyregular, Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase; font-style: normal; letter-spacing: 0px;}
							.articleRDV h2 a, .articleRDV h1 span {display: block; padding: 3px 5px; background: #000; color: #fff; text-decoration: none; text-align: left;}
							.articleRDV .rdvAu12 {display: block; margin: 0px 0; padding: 0; float: left; text-decoration: none; font-style: normal; text-transform: uppercase;  color: #c20000; font-size: .9em; font-weight: bold;}

						.articleRDV .dateMois {position: absolute; top: 0px; right: 0px;display: block; width: 210px; height: 70px; background: #000; color: #fff; text-align: center; font-style: italic; line-height: 70px; font-size: 2.2em; text-transform: capitalize;}
						.articleRDV .dateJour {position: absolute; top: 70px; right: 0px; display: block; width: 210px; height: 140px; background: #fdcc19 url(../img/bg-alt.gif) left top repeat;  text-align: center; line-height: 120px; font-size: 7em;}
						.texteRDV {border-bottom: 1px solid #000; padding-bottom: 10px;}
						
						.readMore {display: block; padding: 1px 0; border-width: 1px 0; border-style: solid; border-color: #000; text-decoration: none;}
							.readMore span {display: block; height: 20px; margin: 0; padding: 0px 5px; background: #000; color: #fff; line-height: 20px; text-align: right;}
						.pageRDV .readMore {width: 460px; margin-top: 10px;}
					
							.rdvArchives {padding: 0px 0 0 0px; font-size:1em}	
								.rdvArchives li {list-style: none}	
									.rdvArchives li a {display: block; text-decoration: none;}	
									.rdvArchives li a:hover {text-decoration: underline;}




			
				#aside {float: right; width: 210px; font-size: 0.9em; border-bottom: 1px solid #000;}
					#aside ul {}
						#aside ul li {list-style: none; display: inline;}
					#aside #couv {width: 210px; height: 352px; position: relative; background: url(../img/bg-stripes.gif) left top repeat-y;}
							#aside #couv img.spip_logo {display: block; padding: 0 0 1px 0; margin: 0 0 0px 0; border-bottom: 0px solid #000; position: absolute; bottom: 0;}
								#aside #couv img.avenir {margin: 0; padding: 0px; position: absolute; left: -10px; bottom: 13px;}
					#aside #about {margin: 0; padding: 5px 0; border-top: 1px solid #000;}
					
					#aside a.acheterEnLigne {display: block; border-top: 1px solid #000; text-decoration: none;}
						#aside a.acheterEnLigne span {display: block; height: 26px; margin: 1px 0; padding: 0 5px 0 35px; color:#fff; background: #000; font-size: 1em; text-align: center; line-height: 26px; background: #000 url(../img/picto-acheter-noir.gif) 3px 2px no-repeat; font-style: italic;}
						#aside a.acheterEnLigne:hover span {background: #c20000 url(../img/picto-acheter.gif) 3px 2px no-repeat;}
					#aside ul#telecharger {padding: 5px 0; border-top: 1px solid #000;}
						#aside ul#telecharger li {}
							#aside ul#telecharger li a {display: block; padding: 0 0 0 12px; text-decoration: none;background: url(../img/picto-plus.gif) left center no-repeat;}
								#aside ul#telecharger li a:hover {text-decoration: underline;}
					#aside ul#thema {height: auto; background: none; padding: 0 0 1px 0; margin: 28px 0 23px 0; border: none;}
						#aside ul#thema li {}
							#aside ul#thema li a { margin: 0 0 5px 0; clear: both;}
								#aside ul#thema li a.on {color: #fdcc19;}
					#aside .pictopoche {display: block; border-top: 1px solid #000;}
						#aside .pictopoche img {display: block; margin: 0 auto;}
			
			
					.blogWrapper #aside {margin-top: 10px; border-top: 1px solid #000;}
						.blogWrapper #aside h3 {height: 20px; margin: 1px 0; padding: 0px 5px; background: #000; color: #fff; font-style: italic; font-weight: normal; font-size: 1em; text-align: center; line-height: 20px;}
						.blogSidebar {padding: 10px 0 12px 0; border-top: 1px solid #000;}
							#blogRecents {border-bottom: 1px solid #000;}
							.blogSidebar li a {display: block; padding: 2px 0 3px 0; text-decoration: none; line-height: 1.1em;}
							.blogSidebar li a img.spip_logo {border-width: 1px 0; border-style: solid; border-color: #000; padding: 1px 0;}


					.rechercheWrapper #aside {margin-top: 29px; border-top: 1px solid #000;}
						.rechercheWrapper #aside h2 {height: 20px; margin: 1px 0; padding: 0px 5px; background: #000; color: #fff; font-style: italic; font-weight: normal; font-size: 1em; text-align: center; line-height: 20px;}





/*	CATALOGUE : LISTE */

				ul.catalogueListe {float: left; margin: 30px 0 0 0px;}
					ul.catalogueListe#col2 {width: 466px; }
					
					ul.catalogueListe li {display: inline;}
						ul.catalogueListe li a {display: block; float: left; width: 210px; height: 420px; margin: 0px 0 0 23px; text-decoration: none; position: relative;}
							ul.catalogueListe li a h2, .homePage ul.catalogueListe li a h2 {margin: 0; padding: 10px 0 0 0; width: 210px; height: 59px; position: absolute; left: 0px; bottom: 0px; font-size: 0.9em; font-family: Georgia, Times, serif; font-style: normal; color: #000; font-weight: normal; text-transform: uppercase; text-align: center;background: url(../img/bg-main.gif) left top repeat;  border-top: 1px solid #000; }
								ul.catalogueListe li a h2 strong, .homePage ul.catalogueListe li a h2 strong {display: block; font-size: 1.1em; font-weight: normal; text-transform: none; font-style: italic;}
							ul.catalogueListe li a div {width: 210px; height: 350px; position: absolute; left: 0px; bottom: 71px; background: url(../img/bg-stripes.gif) left top repeat-y;}
								ul.catalogueListe li a div img {display: block; margin: 0 auto; position: absolute; bottom: 0px}
								ul.catalogueListe li a div img.avenir {margin: 0; padding: 0px; position: absolute; left: -10px; bottom: 10px;}
		
		
		
					
					
	
/*	HOMEPAGE */

				.homePage {}
					#prochainement h2 {margin: 0; padding: 1px 0; border-width: 1px 0; border-style: solid; border-color: #000; font-style: italic; font-style: normal; font-weight: normal; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px; text-align: center;}
						#prochainement h2 span {display: block; height: 21px; margin: 0; padding: 0px 5px; background: #000; color: #fff; line-height: 22px;}
					#prochainement {position: relative; clear: both; margin: 0 0 20px 25px; padding: 23px 0 8px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
						.homeCol {float: left; width: 326px; margin: 0 0 0 23px; }
							.homeCol.first {margin-left: 0px;}
							.homeCol ul {padding: 15px 0;}
								.homeCol ul li {list-style: none; display: inline}
									.homeCol ul li a {position: relative; display: block; min-height: 66px; margin: 0 0 10px 0; padding: 4px 0 0 80px; text-decoration: none; line-height: 1.3em;}
										#prochainement .dateJour {position: absolute; top: 25px; left: 0px; display: block; width: 70px; height: 45px; background: #fdcc19 url(../img/bg-alt.gif) left top repeat;  text-align: center; line-height: 45px; font-size: 2.4em;}
										#prochainement .dateMois {position: absolute; top: 0px; left: 0px;display: block; width: 70px; height: 25px; background: #000; color: #fff; text-align: center; font-style: italic; line-height: 25px; font-size: 0.9em; text-transform: capitalize;}
										#prochainement #nextLivres .auteur {text-transform: uppercase; font-size: 0.9em;}
										#prochainement #nextLivres strong {font-weight: normal; font-style: italic;}
										#prochainement #nextRDV .lieu {text-transform: uppercase; font-size: 0.9em;}
										#prochainement #nextRDV strong {font-weight: normal; font-style: italic;}

									
					#blogHome {margin: 0 0 0px 25px;}				
						#blogHome h2 {width: 326px; margin: 0px 0 3px 0;  padding: 0 0 0px 0; font-size: 1em; line-height: 1.3em; border-width: 0 0 0px 0; border-style: solid; border-color: #000;  font-weight: normal; text-transform: uppercase; font-style: italic; letter-spacing:2px; text-align: left;}
							#blogHome h2 a {text-decoration: none;}
						#blogHome ul {}
							#blogHome ul li {list-style: none; display: inline;}
								#blogHome ul li a {position: relative; display: block; min-height: 74px; margin: 10px 0 0px 0; padding: 0 0 0 220px; text-decoration: none; line-height: 1.3em;}			
							#blogHome ul li a img.spip_logo {position: absolute; top: 0px; left: 0px; border-width: 1px 0; border-style: solid; border-color: #000; padding: 1px 0;}
							#blogHome ul li a strong {display: block; padding: 0 0 3px 0; font-weight: bold;}
							#blogHome ul li a span {}

					
					.homePage a#banner {clear: both; display: block; margin: 0 0 25px 25px; }
							.homePage #banner img {display: block; width: 675px; padding: 1px 0; border-top: 1px solid #000;  border-bottom: 1px solid #000; }
					.homePage a#banner.top {margin: 25px 0 0 25px; }



/*	PAGES ANNEXES ( à propos, contact, crédits, etc. */

				.pagesAnnexes h1 {display: block; height: 35px; margin: 0px 0 1px 0px; padding: 1px 0 0 10px; line-height: 35px; background: #000; color: #fff; font-family: kimberleyregular, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 1.8em; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
				.pagesAnnexes #contentLeft {width: 680px; border-top: 1px solid #000;}
					.pagesAnnexes #contentLeft h2 {width: 230px;}

				
					.pagesAnnexes .nlForm {margin: 30px 0;}
					.pagesAnnexes .nlForm div { margin: 10px 0; padding: 0 0 5px 0; border-bottom: 0px solid #000;}
						.pagesAnnexes .nlForm label {display: block; float: left; width: 140px; text-align: right; padding: 1px 5px 1px 0; margin: 0 5px 0 0; border-right: 0px solid #000; }
						.pagesAnnexes .nlForm input {display: block; width: 220px; }
						.pagesAnnexes .nlForm select {display: block; width: 220px; }
					.pagesAnnexes .nlForm div#buttons {border: 0px; padding: 0px 0 10px 150px;}
						.pagesAnnexes .nlForm div#buttons input {text-transform: uppercase}
					.pagesAnnexes .nlForm div.attrapeNigaud {width: 220px; margin: 10px 0 10px 130px; padding: 5px 20px; border: 1px dotted #000; text-align: center;}
						.pagesAnnexes .nlForm div.attrapeNigaud input { width: 40%; margin: 5px auto 0 auto;}

					ul#archivesNL {font-size: 0.9em;}
						ul#archivesNL li {list-style: none; display: inline;}
							ul#archivesNL li a {display: block; text-decoration: none;}
								ul#archivesNL li a:hover {text-decoration: underline;}
					
					ul.plan {}
						ul.plan li {list-style: none; display: inline;}
							ul.plan li a {display: block; text-decoration: none;}
								ul.plan li a:hover {text-decoration: underline;}
						ul.plan h3 {font-size: 1em;}
						ul.plan ul {margin: 10px 0 10px 10px;}
						
						ul.plan ul.planPlan {border-top: 1px solid #000; margin-top: 20px; padding-top: 20px;}
							.pagesAnnexes #contentLeft.plan ul.planPlan h2 {margin: 0; padding: 0; border: none; text-transform: none; font-style: normal; letter-spacing: 0px;}
							
					.rechercheWrapper {}
						h2#motRecherche {display: block; height: 35px; margin: 0px 0 1px 0px; padding: 1px 0 0 10px; line-height: 35px; background: #000; color: #fff; font-family: kimberleyregular, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 1.8em; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
						p#introRecherche {margin: 1px 0 0 0; padding: 20px 0 0px 23px; border-top: 1px solid #000;}
							p#introRecherche small {font-size: 0.9em; font-style: italic;}
					.rechercheWrapper .catalogueListe li span {display: block; margin: 0px 0 0 23px;}
					
				#erreur404 {margin: 40px 0; text-align: center;}
					#erreur404 h1 {width: 70%; margin: 0 auto 30px auto; padding: 0 0 29px 0; border-bottom: 1px solid #000;}
					#erreur404 p {margin: 10px 0;}
					

/* NOISETTE video  <video|youtube=xxxxx> */
		
			.embed-container { margin: 15px 0; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
			.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
			
/* PLUGIN player */

	.play-liste, .player {margin: 10px 0;}
	.player {background: #000;}
	.play-liste dd.mejs-playlist {background: rgba(255, 255, 255, 0.50) ; border-bottom: 1px solid #000; padding: 0;}
	html .play-liste ul li {display: block; font-family: Arial, sans-serif; min-height: 24px; line-height: 24px; padding: 0 2px; margin: 2px 0;}
		.play-liste ul li .download {display: none;}
		.play-liste ul li strong { font-weight: normal; }
		#wrapper .play-liste .entry, .play-liste .mejs-playlist .short.track {padding-left: 0;}
	.play-liste .mejs-playlist .track.current {background: #F1CC38;}
	.player .mejs-controls .mejs-time-rail .mejs-time-loaded,
	.play-liste .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #fff;}
	.player .mejs-controls .mejs-time-rail .mejs-time-current,
	.play-liste .mejs-controls .mejs-time-rail .mejs-time-current {background: #F1CC38;}
	.player  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
	.play-liste  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #F1CC38;}
	.play-liste  .track .mejs-button button:before {border-radius: 0; background: #000;}
	.spip_doc_player .spip_doc_titre strong {display: none;}
					
/* ADDON - souscription PAYPAL dans articles */

			#contentLeft .sousPaypal {margin: 10px 0 20px 0; padding: 5px; text-align: center; background: #fdcc19 url(../img/bg-alt.gif) left top repeat;}
				#contentLeft .sousPaypal h2 {margin: 0 0 20px 0; padding:10px 5px 5px 5px; text-align: center; border: 0px; width: auto; background: #000; color: #fff; text-transform: none; letter-spacing: 3px;}
					#contentLeft .sousPaypal h2 em, #contentLeft .sousPaypal h2 i {display: block; padding: 10px 0; font-size: 2.2em; letter-spacing: 5px;}
				#contentLeft .sousPaypal .coupon {border: 1px dashed #000; padding: 5px;}
				#contentLeft .sousPaypal table {margin: 0px auto; width: 100%}
					#contentLeft .sousPaypal p small {display: block;  font-size: 0.86em; line-height: 1.2em; font-style: italic;}
					#contentLeft .sousPaypal .displayNone {display: none;}
					#contentLeft .sousPaypal hr {margin: 20px auto; border: 0px; height: 1px;  background-color: #000; width: 15%}
					#contentLeft .sousPaypal select {min-width: 240px}
					#contentLeft .sousPaypal form p {}

/* ADDON - page soutien avec paiement STRIPE */

	#soutien {}
		#soutien .chapo {font-size: 1.2em; line-height: 1.2em; font-weight: bold;}
		#soutien button {float: left; width: calc((100% / 3) - 20px); padding: 8px 12px; margin: 10px; background-color: #000; color: #fdcc19; border: 0; border-radius: 4px; font-size: 2em; cursor: pointer;}
		#soutien .small {text-align: center; font-size: .86em; line-height: 1.2em; font-style: italic; margin-bottom: 15px;}