/* principaux styles */
	
	body {
	background-color: #131313;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	color: #FFFFFF;
	}
	
	div#conteneur {
	text-align: left;
	margin: 0px;
	width: 950px;
	height: 600px;
	display: block;
	padding: 0px;

	}
	
	/* liens */
	
	a:link, a:visited {
	text-decoration: none;
	color: #02c2d6;
	}
	
	a:hover, a:active {
	text-decoration: underline;
	color: #02c2d6;
	}
	
	div#postscriptum a:link, a:visited {
	text-decoration: none;
	color: #02c2d6;
	}
	
	div#postscriptum a:hover, a:active {
	text-decoration: underline;
	color: #02c2d6;
	}

	.puce {
	text-align: right;
	display: block;
	padding: 0;
	text-decoration: none;
	margin: 0;
	}

	/* colonne de Gauche*/
	
	div#colgauche {
	text-align: left;
	margin: 0px;
	width: 250px;
	float: left;
	display: block;
	padding: 0px;
	height: 100%;
	}
	
	div#colgauche img {
	display: block;
	overflow: hidden;
	border: 0px none;
	}
	
	div#bloc1 {
	margin: 0px;
	height: 135px;
	padding: 10px 10px 10px 10px;
	background-color: #343434;
	display: block;
	overflow: hidden;
	line-height: 18px;
	}
	
	div#bloc1 img {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	float: right;
	}
	
	div#bloc1 a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	Color: #FFFFFF;
	}
		
	div#bloc2 {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	height: 100%;
	}
	
	div#bloc2 table {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 325px;
	}
		
	div#bloc2 table img {
	margin: 0px;
	padding: 5px 10px 0px 0;
	float: left;
	height: 70px;
	}
	
	div#bloc2 a:link, a:visited {
	text-decoration: none;
	color: #02c2d6;
	}
	
	div#bloc2 a:hover, a:active {
	text-decoration: underline;
	Color: #02c2d6;
	}
		
	
	
	/* colonne de droite*/	

	div#coldroite {
	background-color: #232323;
	text-align: left;
	margin: 0px;
	width: 700px;
	float:right;
	display: block;
	height: 100%;
	padding: 0px;
	}
	
	/* en-tete */

	div#entete {
	height: 50px;
	margin: 0px;
	width: 100%;
	padding: 0px;
	}
	
	#icon {
	list-style: none ;
	margin: 0px;
	padding: 0px ;
	overflow: hidden ;
				}
	#icon li {
	float: right ;
	width: 90px ;
	height: 25px;
	margin: 0px ;
				}
	#icon li a {
	display: block ;
	height: 25px;
	overflow: hidden;
	text-indent: -999px;
	}
	#icon li.lnewsletter {
	float: right ;
	width: 100px ;
	height: 25px;
	margin: 0px ;
				}
				
	#icon li a.home:link, 
	#icon li a.home:visited {
	background-image: url(graphiques/home_but.jpg);
	background-position: 0px 0px;
				}
			
	#icon li a.home:hover, 
	#icon li a.home:active {
	background-image: url(graphiques/home_but.jpg);
	background-position:  0px -25px;
	}
		
	#icon li a.contact:link, 
	#icon li a.contact:visited {
	background-image: url(graphiques/contact_but.jpg);
	background-position: 0px 0px;
				}
			
	#icon li a.contact:hover, 
	#icon li a.contact:active {
	background-image: url(graphiques/contact_but.jpg);
	background-position:  0px -25px;
	}
				
	#icon li a.newsletter:link, 
	#icon li a.newsletter:visited {
	background-image: url(graphiques/newsletter_but.jpg);
	background-position: 0px 0px;
				}
			
	#icon li a.newsletter:hover, 
	#icon li a.newsletter:active {
	background-image: url(graphiques/newsletter_but.jpg);
	background-position:  1px -25px;
	}

	/* baniere et menu */
	
	div#header {
	display: block;
	background-image: url(graphiques/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 200px;
	width:100%;
	position: relative;
	}
	
	div#header img {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-left:20px;
	display: block;
	}
	
	#navigation {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position:absolute;
	right:0px;
	bottom: 0px;
	}
	
	#navigation li {
	background-color: #25919C;
	}
	
	#navigation li a {
	width: 130px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 20px;
	}
	
	#navigation li a.presentation:link, 
	#navigation li a.presentation:visited {
	background-image: url(graphiques/presentation_but.jpg);
	background-position: 0px 20px;
	}
	
	#navigation li a.presentation:hover,
	#navigation li a.presentation:active {
	background-image: url(graphiques/presentation_but.jpg);
	background-position: 0px 0px;
	}
	
	#navigation li a.catalogue:link, 
	#navigation li a.catalogue:visited {
	background-image: url(graphiques/catalogue_but.jpg);
	background-position: 0px 20px;
	}
	
	#navigation li a.catalogue:hover,
	#navigation li a.catalogue:active {
	background-image: url(graphiques/catalogue_but.jpg);
	background-position: 0px 0px;
	}
	
	#navigation li a.parutions:link, 
	#navigation li a.parutions:visited {
	background-image: url(graphiques/parutions_but.jpg);
	background-position: 0px 20px;
	}
	
	#navigation li a.parutions:hover,
	#navigation li a.parutions:active {
	background-image: url(graphiques/parutions_but.jpg);
	background-position: 0px 0px;
	}

	#navigation li a.evenements:link, 
	#navigation li a.evenements:visited {
	background-image: url(graphiques/evenements_but.jpg);
	background-position: 0px 20px;
	}
	
	#navigation li a.evenements:hover,
	#navigation li a.evenements:active {
	background-image: url(graphiques/evenements_but.jpg);
	background-position: 0px 0px;
	}
	
	#navigation li a.galerie:link, 
	#navigation li a.galerie:visited {
	background-image: url(graphiques/galerie_but.jpg);
	background-position: 0px 20px;
	}
	
	#navigation li a.galerie:hover,
	#navigation li a.galerie:active {
	background-image: url(graphiques/galerie_but.jpg);
	background-position: 0px 0px;
	}

	#navigation li a.forum:link, 
	#navigation li a.forum:visited {
	background-image: url(graphiques/forum_but.jpg);
	background-position: 0px -20px;
	}
	
	#navigation li a.forum:hover,
	#navigation li a.forum:active {
	background-image: url(graphiques/forum_but.jpg);
	background-position: 0px 0px;
	}
	
	#navigation li a.faq:link, 
	#navigation li a.faq:visited {
	background-image: url(graphiques/faq_but.jpg);
	background-position: 0px 20px;
	}
	
	#navigation li a.faq:hover,
	#navigation li a.faq:active {
	background-image: url(graphiques/faq_but.jpg);
	background-position: 0px 0px;
	}

	#navigation li a.libraires:link, 
	#navigation li a.libraires:visited {
	background-image: url(graphiques/libraires_but.jpg);
	background-position: 0px 30px;
	}
	
	#navigation li a.libraires:hover,
	#navigation li a.libraires:active {
	background-image: url(graphiques/libraires_but.jpg);
	background-position: 0px 0px;
	}

	
	/* les boutons Paypal */
	
	
	#fpaypal1 a {
	width: 170px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 30px;
	}
	
	#fpaypal1 a.commander:link, 
	#fpaypal1 a.commander:visited {
	background-image: url(graphiques/ajouter-but.jpg);
	background-position: 0px 30px;
	}
	
	#fpaypal1 a.commander:hover,
	#fpaypal1 a.commander:active {
	background-image: url(graphiques/ajouter-but.jpg);
	background-position: 0px 0px;
	}
	
	#fpaypal2 a {
	width: 170px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 30px;
	}
	
	#fpaypal2 a.commander:link, 
	#fpaypal2 a.commander:visited {
	background-image: url(graphiques/gerer-but.jpg);
	background-position: 0px 30px;
	}
	
	#fpaypal2 a.commander:hover,
	#fpaypal2 a.commander:active {
	background-image: url(graphiques/gerer-but.jpg);
	background-position: 0px 0px;
	}
		
	/* contenu de la colonne de droite */
	
		
	div #contenu {
	margin: 0px;
	padding: 10px;
	color: #FFFFFF;
	text-align: left;
	background-color: #232323;
	}
	
	div #contenu a:link, a:visited {
	text-decoration: none;
	color: #02c2d6;
	}
	
	div #contenu a:hover, a:active {
	text-decoration: underline;
	color: #02c2d6;
	}
	
	div #contenu img {
	border: 0px none;
	}
	
	img.left 	{
	float: left;
	padding: 10px 10px 10px 0;
	}
	
	img.right 	{
	float: right;
	padding: 10px 0px 10px 10px;
	}
	
	div #contenu p {
	margin: 0 0 20px 0;
	}
	
    div #contenu h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	margin: 0px;
	line-height: 20px;
	}
	
	div #contenu h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	}
	
	div #contenu h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	}

	/* bords fonces autour des couvertures des livres */

	div#contenu table#couv {
	margin: 0px 10px 10px 0px;
	padding: 10px;
	background-color: #131313;
	width: 160px;
	height: 240px;
	float: left;
	border-width: 0px;
	border-style: none;
	left: 0px;
	top: 0px;
	}
	
	#table img {
	display: block;
	text-align: center;
	max-width: 150px;
	max-height: 230px;
	vertical-align: middle;
	}

	/* HOME PAGE*/
	div #contenudroite{
	float:right;
	width: 330px;
	margin: 0px;
	padding: 0px;
	}
	
	div #contenugauche{
	float: left;
	width: 330px;
	border-right-color: #555555;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	margin: 0px;
	}
	
	div #clear{
	clear: both;
	width: 100%;
	display: block;
	}
	
	/* PAGE PARUTION */
	div #contenu h4 {
	color: #02c2d6;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 3px;
	margin: 0px;
	padding: 0px;
	}
	
	.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	}	
	
	div#contenu table#parution {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
	border-width: 0px;
	border-style: none;
	left: 0px;
	top: 0px;
	border-spacing: 6px;
	}
	
	div#contenu table#parution td {
	vertical-align: top;
	}
	
	/* PAGE GALERIE */
	
	.cadrephoto {
	height: 130px;
	width: 130px;
	background-color: #131313;
	text-align: center;
	float: left;
	margin:0 10px 0 0
	}
	
	.photomenu {
	max-width: 120px;
	max-height: 120px;
	vertical-align: middle;
	}
	
	table#galerie {
	float: left;
	border-spacing: 5px;
	text-align: center;
	}
	
	table#galerie td {
	background-color: #131313;
	width: 70px;
	height: 70px;
	}
	
	table#galerie img {
	max-width: 65px;
	max-height: 65px;
	vertical-align: middle;
	}
	
	table#photo {
	background-color: #131313;
	float: right;
	text-align: center;
	width: 330px;
	height: 330px;
	}
	
	.legende {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #0f0f0f;
	}
	
	table#photo img {
	max-width: 310px;
	max-height: 310px;
	vertical-align: middle;
	}