/* ************ http://editionslibertalia.com ******************/
/* ********** design par *** LE STUDIO AMERICAIN, toulouse *** */
/* ************** http://le-studio-americain.com ************* */



/* ELEMENTS DESIGN GENERAL ========================================== */

html, body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height:1.2em;
	font-size:11px;
}

img {
	border: 0px;
}

a{
	color: #000;
	text-decoration: none;
}

a:hover, a:focus {
	color: #fff;
	background: transparent;
	text-decoration: none;
}


p {margin:0px; padding:0px;}
.upperCase {text-transform:uppercase;}
.minimum {margin: 0; padding:0; line-height: 0.1em; font-size:0.1em; overflow: hidden;}

/* --- bloc avec liens d'evitement accessibilité --- */
#access {
	width: 780px;
	height: 12px;
	padding-top:8px;
	margin-left: auto;
	margin-right: auto;
	font-size: x-small;
	}
#access a:hover, #access a:focus { color: #000; background: #f1cc38; }


/* BLOCS DESIGN GENERAL ========================================== */


#header {
	width: 780px;
	height: 90px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
}

.headerEditions {
background: url(images-pirates/editions-header.gif) no-repeat top;
}

.headerBlog {
	background: url(images-pirates/blog-header.gif) no-repeat top;
}

#main{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background: #BEBEBE url(images-pirates/main-fond.gif) repeat top;
}

#footer {
	width: 780px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	background: url(images-pirates/footer-fond.gif) no-repeat top;
	text-align: center;
}


#menu {
	float: left;
	width: 230px;
	background: url(images-pirates/editions-hautmenu.gif) no-repeat top;
	text-align: left;
}

#infos {
	float: left;
	width: 550px;
	background: url(images-pirates/infos-fond.gif) repeat top;
}

.spacer {
  clear: both;
}




/* ELEMENTS DESIGN GENERAL ========================================== */


/* menu */

#menu-liste{
	width: inherit;
	padding-top: 40px;
	background: #000 url(images-pirates/editions-hautmenu.gif) no-repeat top;
	color: #f1cc38;
	font-size: 0.8em;
	line-height:1.4em;
	text-align: right;
}

#menu-liste p{
	padding: 10px 27px 0px 20px;
	line-height: 1.4em;
	text-transform: uppercase;
}


#menu-liste span.on, #menu-liste a {
	display: block;  padding-right: 7px;
}

#menu-liste a{
	color: #fff;
	text-decoration: none;
}

#menu-liste a:hover, #menu-liste a:focus {
	color: #bebebe;
	text-decoration: none;
	background: transparent;
	border-right: solid 2px #bebebe;
	padding-right: 5px;

}

#menu-liste a.on {
	color: #f1cc38;
}

#menu-liste span.on {
	border-right: solid 2px #f1cc38;
	padding-right: 5px;
}

#menu-liste ul {padding:3px 0; margin: 0;}

#menu-liste li {
	color: #f1cc38;
	list-style: none;
	margin-bottom:1px;
	padding-right:20px;
	
}
*html #menu-liste ul {padding: 3px 20px 3px 0;}
* html #menu-liste ul li {display: inline;}



#menu-bottom {
	width: inherit;
	height: 45px;
	background: url(images-pirates/remix-menu-bottom.gif) no-repeat top;
}


/* fiche */

#infos {
	width: 550px;
	color: #000;
}


#infos-fiche {
	padding: 0px;
	margin: 0;
	font-size: 1em;
	text-align: justify;
	background: url(images-pirates/remix-infos-fiche-fond.gif) no-repeat top;
}

#infos-fiche p.spip {padding: 0 0 7px 0;}
.spip a {color:#000;}
.spip a:hover, .spip a:focus {color:#fff;}
.spip strong {text-transform: uppercase;}
* html p.spip {	overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; zoom: 1;} /* hack ie6- italique */

#infos-bottom {
	width: inherit;
	height: 24px;
	background: url(images-pirates/infos-bottom.gif) no-repeat bottom;
	clear: both;
}


/* contenu fiche */

* html #infos-fiche a {background: transparent;}

#infos-fiche h1,h2 {margin:0px; text-align: left; font-weight: bold; line-height: 1em;}
#infos-fiche h1 {font-size: 2.4em; padding: 0 0 0 35px; text-transform: uppercase}
#infos-fiche h2 {font-size: 1.1em; padding: 38px 0 3px 35px;}


#infos-fiche #article {
	float: left;
	width: 295px;
	padding: 30px 0 0 35px;
}

#infos-fiche #ourse {
	float: right;
	width: 150px;
	height: 420px;
	padding: 30px 40px 0 0;
	text-align: center;
	font-size: 0.9em;
}

#infos-fiche #ourse img {
	margin-bottom: 10px;
}

#infos-fiche #ourse img.boutonAcheter {
	margin: 5px 0;
}

#infos-fiche #ourse ul {
	margin: 0;
	padding: 0;
}

#infos-fiche #ourse ul li {
	list-style: none;
}

#infos-fiche p.agendaDay {
	font-size: 1.5em;
	
}

#infos-fiche p.agendaDay span {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 7em;
	line-height: 1em;
	font-weight: bold;
	display:block;
	
}

#infos-fiche #carouselContainer {

	width: 485px;
	height: 232px;
	overflow: hidden;
	clear: both;
	background: url(images-pirates/remix-bg-carousel.gif) no-repeat top;
	margin: 0 0 0 20px;
	padding: 10px 3px 0 12px;
	color: #fff;
}

#infos-fiche #carouselContainer span {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	cursor: pointer;
}

#infos-fiche #presse {
	clear: both;
	background: url(images-pirates/remix-infos-fiche-presse.gif) no-repeat left top;
	min-height: 150px;
	padding: 20px 50px 10px 45px;
	} 

#infos-fiche #presse strong{
	font-weight: bold;
	text-transform: none;
}

#infos-fiche #presse h1{
	margin:0 0 10px 0; text-align: left; font-weight: bold; font-size: 1em; padding: 0 0 0 0px; text-transform: uppercase;
}

#infos-fiche #presse div {
	padding-left: 40px;
}


/* BLOG */

.blogFirst, .blogNext {
	padding: 0px;
	margin: 0;
	font-size: 1em;
	text-align: justify;
}
.blogFirst {
	background: url(images-pirates/remix-infos-blogtop.gif) no-repeat top;
}
.blogNext {
	background: url(images-pirates/remix-infos-blognext.gif) no-repeat top;
}
.blogFirst h1,h2, .blogNext h1,h2 {margin:0px; text-align: left; font-weight: bold; line-height: 1em;}
	.blogFirst h1, .blogNext h1 {font-size: 1.4em; padding: 0 0 0 35px; text-transform: uppercase;}
	.blogFirst h2{font-size: 0.9em; padding: 37px 0 5px 35px;}
	.blogNext h2 {font-size: 0.9em; padding: 32px 0 5px 35px;}
.blogFirst div, .blogNext div {width :465px; padding: 20px 0 0 35px;}
.blogFirst div h3, .blogNext div h3 {font-size: 1.1em; line-height: 1.2em; padding: 0; margin: 0 0 5px 0; text-transform: uppercase; text-align: left;}
.blogFirst p.spip, .blogNext p.spip {padding: 0 0 7px 0;}
p.blogSignature {text-align: right; font-style: italic;}
.blogFirst .spip_documents_left, .blogNext .spip_documents_left {padding: 0 10px 0 0;}
.blogFirst .spip_documents_right, .blogNext .spip_documents_right {padding: 0 0 0 10px;}

p.blogPagination {width :455px; padding: 30px 30px 0px 35px; text-align: right; background: url(images-pirates/remix-blog-pagination.gif) no-repeat right top;
}

p.blogPagination .on {background: #fff; border: 1px solid #fff;}

.blogFirst h1 a:hover, .blogFirst h2 a:hover, .blogNext h1 a:hover, .blogNext h2 a:hover {color:#bebebe; text-decoration: none;}

/* nouveautes sur page accueil editions */

.nouveauteBlock {
	height: 175px;
	margin: 0 0 10px 0;
}

.nouveauteBlock h3 {
	font-size: 1.5em;
	line-height: 1em;
	text-align: left;
	text-transform:uppercase;
	font-weight: bold;
	margin: 5px 0px 5px 0;
	padding: 0px;
	}

.nouveauteBlock h4 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
}

a.savoirPlus {
	display: block;
	height: 20px;
	margin: 0 0 20px;
	text-align: right;
}


/* ELEMENTS SAMPLES JAVASCRIPT ========================================== */

#images{
	float: left;
	width: 175px;
	margin-top: 65px;
	margin-left: 5px;
	margin-right: 25px;
	padding-top: 5px;
	padding-left: 20px;
	text-align: left;
}

#onglets {
	display: block;
	width:175px;
	height:60px; 
	background: url(images/logo-sampleoff.gif) no-repeat;
}

#grand-dedans #onglets {
	display: block;
	width:90%;
	height:60px;
	background-image: none;
}

#onglets div {
	display: inline;
	cursor: pointer;
	
}

#sousOnglet {
	height:260px;
	text-align:center;
}

#player2 {
margin: 0px; padding: 24px 0 0 10px;}


/* HEADER ===================================================== */


#header-editions, #header-librairie, #header-contact{
	float: right;
	height: 70px;
	width: 185px;
	background: transparent;
}



/* FOOTER ===================================================== */

#footer-in{
font-size: 9px;
color: #bebebe;
letter-spacing: 1px;
padding-top: 37px;
text-transform: uppercase;
}

#footer-in a, #footer-in2 a {
	color: #fff;
	text-decoration: none;
	
}

#footer-in a:hover, #footer-in2 a:hover, #footer-in a:focus, #footer-in2 a:focus {
	color: #f2c822;
}

#footer-in2{
	font-size: 9px;
	color: #bebebe;
	padding-top: 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* styles tableaux accueil =============================================== */

.tab-gauche { width: 225px; text-align: center}


/* page accessibilité ===================================================== */

p.pageaccess {text-align: justify;}
.pageaccess a {text-decoration: underline;}