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

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

*/

/*	RESPONSIVE MEDIA QUERIES */


@media screen and (max-width: 1000px) {

		#body {font-size: 1em;}
		#header {width: auto; height: auto; min-height: 70px; background: none;}
			#header a#logoHome {width: 100%; height: 70px; position: relative; background: #000;}
			#header p#breadCrumbs {width: auto; position: static; display: none;}


		#menuBurger {display: block; height: 42px; position: relative; margin-bottom: 1px;padding: 0px 0; cursor: pointer; color:#fdcc19; background: url(../img/bg-header.gif) left bottom repeat-x;}
			#menuBurger span {display: block; position: absolute; top: 9px; right: 10px; height: 25px; padding: 0 32px 0 10px; line-height: 25px;font-style: italic; letter-spacing: 2px;background: #000 url(../img/bg-burger.png) right center no-repeat; font-size: 1.4em}
		
		#nav {float: none; position: relative; width: auto; margin: 0; padding: 0px 10px 42px 10px; background: url(../img/bg-stripes.gif) left top repeat;}
			#nav.closed {display: none;}
			
				ul#mainMenu {background: url(../img/bg-main.gif) left top repeat;}
					ul#mainMenu li a {margin: 1px 0 0 0; background: #000; color: #fff; }
						ul#mainMenu li a.home {color: #fff; margin: 0px;}
					ul#mainMenu li a.on, ul#mainMenu li a.home.on {color: #000; background: #fdcc19 url(../img/bg-alt.gif) left top repeat; }
					ul#mainMenu ul {padding: 5px 0 5px 10px; background: url(../img/bg-main.gif) left top repeat;}
						ul#mainMenu ul li a {text-transform: none; font-style: italic; border: none; color: #000;}
						ul#mainMenu ul li a.on span {}
					
				

					#blockRecherche {padding: 20px 10px 10px 10px; margin: 0px; background: url(../img/bg-main.gif) left top repeat;}
						#rechercheForm {background: url(../img/bg-main.gif) left top repeat; padding: 1px 0 1px 0; }
						#rechercheForm input.text { display: block; width:88%; margin: 0 auto; padding: 0 0 0 10%; 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: none; font-style: italic;}
						#rechercheForm input.submit { display: none;}
					a#lienThema {margin: 10px 1% 0 1%;}
					ul#secondMenu {margin: 0; padding: 0 10px; background: url(../img/bg-main.gif) left top repeat;}
						ul#secondMenu li a { color: #000; margin: 0; padding: 0;}
							ul#secondMenu li a.on {color: #000;}
						ul#secondMenu li a#librairieLien {margin-top: 10px; padding: 1px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
						ul#secondMenu li a#librairieLien span {}
					ul#menuAbout {padding: 10px 0px 10px 10px;}
						ul#menuAbout li a {text-align: left; font-size: 0.9em;}

		.homePage a#banner, .homePage a#banner.top {margin-left: 0;}
		.homePage #banner img {width: 100%; }


}


@media screen and (max-width: 1000px) and (min-width: 740px) {

		#wrapper {width: 690px;}

		#nav {padding: 0px 10px 10px 340px;}

		#contentWrapper {float: none; width: auto; min-height: 0; padding: 0px 0 42px 0; background: none;}
		#contentLeft {padding: 0px 0 0 0; font-size: 1.1em; line-height: 1.3em;}

			#titreRubrique {padding-left: 0px;}

			#contentWrapper h1.livre strong {width: 450px; }
			#contentWrapper h1.livre img {width: 100%; height: auto;}
			
		ul.catalogueListe li a {margin: 0px 10px}

		#prochainement {width: auto; margin: 0}
		.homeCol {float: left; width: 330px; margin: 0 0 0 30px; }
			.homeCol.first {margin-left: 0px;}
		#blogHome {margin: 20px 0 0 0;}

		.pagesAnnexes .nlForm label {display: block; float: left; width: 200px; text-align: right; padding: 1px 5px 1px 0; margin: 0 5px 0 0; border-right: 0px solid #000; }
		.pagesAnnexes .nlForm div#buttons {border: 0px; padding: 0px 0 10px 210px;}



}

@media screen and (max-width: 740px) {
	
		#wrapper {width: auto;}
					
		
		#contentWrapper {float: none; width: auto; min-height: 0; padding: 0px 0 42px 0; background: url(../img/bg-header.gif) left bottom repeat-x;}
			
			#titreRubrique {padding-left: 0px; font-size: 0.9em; letter-spacing: 1px;}
			#contentWrapper h1.livre span {width: auto; height: auto; margin: 0; padding: 10px 0 5px 0; background: none; color: #000;font-family: Georgia, Times, serif; font-style: italic; text-transform: none; font-size: 1.2em; line-height: 1.2em;}
			#contentWrapper h1.livre strong {position: relative;  width: auto; height: auto; padding: 5px 0 10px 0; background: none; color: #000; font-size: 2em;left: auto; top: auto; border-bottom: 1px solid #000; border-top: 0px;}
			#contentWrapper h1.livre img {width: 100%; height: auto;}

			ul#thema {margin: 1px 0px; padding: 21px 0 1px 0; height: auto; min-height: 0px; background: url(../img/picto-label.gif) left 1px no-repeat; border-width: 1px 0; border-color: #000; border-style: solid;}
				ul#thema li {display: block; text-align: left;}
					ul#thema li a {display: inline-block; float: none; height: 20px; margin: 1px 0 0 0; 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: none; width: auto;	padding: 10px 0 0 0; font-size: 1.2em; line-height: 1.4em; text-align: justify;}
			#contentLeft .spip_documents img {max-width: 100%; height: 100%;}
			#contentLeft #ailleurs div, #contentLeft #ailleurs #rdvLivre, #contentLeft #ailleurs #blogLivre {float: none; width: auto;} #contentLeft #ailleurs #rdvLivre, #contentLeft #ailleurs #blogLivre {margin: 20px 0 30px 0}
			#contentLeft h2 {width: 75%;}

					ul.livresRel li a {display: block; padding-top: 4px; min-height: 18px; height: auto;line-height: 1.1em;}

		
		#aside {float: none; width: auto; padding-top: 70px; background: url(../img/hr-jollyroger.png) center top no-repeat; }
			#aside #couv {margin: 0 auto 0px auto;}
			#aside #about {border: none; padding: 20px 0;text-align: center}
			#aside ul#telecharger {padding: 20px 0;}
		.blogWrapper #aside, #aside.asideThema, .rechercheWrapper #aside  {padding-top: 0px; background: none}
		#aside ul#thema {height: auto; background: none; padding: 10px 0 5px 0; margin: 0px 0 23px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
			#aside ul#thema li {}
				#aside ul#thema li a { margin: 0 0 5px 0; clear: both;}
					#aside ul#thema li a.on {color: #fdcc19;}



		ul.catalogueListe {float: none;}
		ul.catalogueListe#col2 {width: auto; }
			ul.catalogueListe li a {display: block; margin: 0 auto; float: none;}

		.pageRDV #contentLeft {width: auto;}
		
		.articleRDV {min-height: 0; margin-bottom: 10px; padding: 210px 0 50px 0;background: url(../img/hr-jollyroger.png) center bottom no-repeat; }
			#contentLeft .articleRDV h2, #contentLeft .articleRDV h1 {width: auto; margin: 10px 0 0 0; }
				.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: none;}
			.articleRDV .dateMois { width: 100%;}
			.articleRDV .dateJour {width: 100%; height: 140px;}
			.texteRDV {border-bottom: 1px solid #000; padding-bottom: 10px;}
			.pageRDV .readMore {width: auto; margin-top: 10px;}


		
		#contentLeft .blogPagination {padding-top: 10px; background: none; border-bottom: none;}
		#contentLeft .blogPagination {display: none;}
		#contentLeft .blogPagination.bottom {display: block}
		#contentLeft .blogPagination p {background: none; color: #000; padding: 0;}
		#contentLeft .blogPagination p a {color: #000;}
			.blogPagination .pages {display: none}
			.blogPagination span.nextPrev {float: none;}
				.blogPagination span.nextPrev span.prev {float: left;}
				.blogPagination span.nextPrev span.next {float: right;}
				.blogPagination span.nextPrev span.sep {display: none;}
			.blogPagination .blogNext {text-align: left; float: left;}
		
		.pagesAnnexes h1 {display: block; height: auto; margin: 0px 0 1px 0px; padding: 3px 5px; line-height: auto; font-size: 2em;}
		.pagesAnnexes #contentLeft {width: auto; padding-bottom: 20px}
			.pagesAnnexes #contentLeft h2 {width: 75%;}
		
			.pagesAnnexes .nlForm {width: auto}
			.pagesAnnexes .nlForm div {}
			.pagesAnnexes .nlForm label	{float: none; margin: 0 auto; text-align: center; width: auto; }
			.pagesAnnexes .nlForm input, .pagesAnnexes .nlForm select  {margin: 0 auto;}
			.pagesAnnexes .nlForm div#buttons {padding: 20px 0px}
			#captcha2merde {margin: 10px auto; text-align: center;}
				.pagesAnnexes .nlForm #captcha2merde div {margin: 10px auto 0 auto; padding-top: 1px}

			ul#archivesNL {font-size: 0.8em; line-height: 1em; }
				ul#archivesNL li {list-style: none; display: inline;}
					ul#archivesNL li a {display: block; text-decoration: none; padding: 2px 0}
						ul#archivesNL li a:hover {text-decoration: underline;}

			p#introRecherche {margin:0; padding: 20px 0 0px 0px; border-top: 1px solid #000;}
				p#introRecherche small {font-size: 0.8em;}


			
		/*sommaire.html*/
		#prochainement {margin: 0; padding-bottom: 0;}
			.homeCol {width: auto; margin: 0; float: none;}
			#prochainement #nextRDV {padding-bottom: 0px;}
		#blogHome {margin: 0;}
			#blogHome h2 {width: auto; margin: 20px 0 20px 0}
			#blogHome ul {}
					#blogHome ul li a {position: relative; display: block; margin: 0px 0 20px 0; padding: 0; text-decoration: none; line-height: 1.3em;}			
				#blogHome ul li a img.spip_logo {position: relative; width: 100%; height: auto; 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 {}



		#footer {width: auto;}
		
		
		/* ADDON - souscription PAYPAL dans articles */

			#contentLeft .sousPaypal h2 em, #contentLeft .sousPaypal h2 i {display: block; padding: 10px 0; font-size: 1.8em; letter-spacing: 2px;}
			
					#soutien button {float: left; width: calc(100% - 20px);}

	
	}